Scope of the project

Product design workshop

We started our cooperation with a 3-day Product Design Workshop to clarify the vision for the mobile commerce app and confront our client’s expectations, adding our recommendations.

This resulted in a clickable prototype of the app, project estimation, and the complete documentation necessary to start development.

App design

Our goal was to design the UX & UI of the app to be consistent with the shop.veepee.pl brand, and – in the case the of iOS app – adopted to iOS 11 guidelines. It needed to present information about brands & sales in a clear and friendly way.

We started by creating wireframes and prototypes in close cooperation with our client.

App development

Our goal was to built a stable app, which is a mobile version of the popular online store, veepee.pl. The main challenges were:

Easy order process

Secure online payments

You choose how do you want to pay – with Credit / Debit Card, PayU, or online bank transfer

Notifications send via Email

You get the information about your order via your Email

3 main product groups

You can browse products sorted into 3 main groups: All, Fashion and Home

Sorting by filters

Clothes for men, women or kids? Pillows, lighting, or carpets? Use filters to find exactly what you are looking for. Every brand has its own, dedicated filters, according to the product, such as color, size etc.

Brands following

Follow your favorite brands and get alerts about the sales you’re interested in

Information about sale endings

You can click on the item and check how much time remains until the sale’s end. It’s accurately updated to the minute.

Product photo galleries

Explore product galleries, zoom in on photos and get to know the product better

Two product view options

You can look through products’ photos as a list, or in the form of a grid

Buy quickly option

Thanks to the “Buy quickly” option, you can make a purchase quickly and easily when you’ve decided on a certain product

Adding products to your shopping basket

Add your favorite products to the shopping basket and continue shopping – or go to your order details

Shopping basket emptying

The app empties all shopping baskets that have not been refreshed for more than 30 minutes, giving everyone a chance to catch a discount

Order summary

In your basket, you can see the total value of your orderand information about how much you currently lack for a free delivery

Easy order process

Secure online payments

You choose how do you want to pay – with Credit / Debit Card, PayU, or online bank transfer

Notifications sent via Email

You get the information about your order via your Email

3 main product groups

You can browse products sorted into 3 main groups: All, Fashion and Home

Sorting by filters

Cloths for men, women or kids? Pillows, lighting, or carpets? Use filters to find exactly what you are looking for. Every brand has its own, dedicated filters, according to the product, such as color, size etc.

Brands following

Follow your favorite brands and get alerts about the sales you’re interested in

Sign up & log in

You can sign up and log in using your Email, Facebook or Google account

Information about sale endings

You can click on the item and check how much time remains until the sale’s end. It’s accurately updated to the minute.

Product photo galleries

Explore product galleries, zoom in on photos and get to know the product better

Two product view options

You can look through products’ photos as a list,or in the form of a grid

How we did it

We decided to use as few external libraries as possible, so the mobile commerce app is stable and remains independent of external factors.

Thanks to cooperation with the PayU team, we were able to efficiently integrate payments.

When it comes to the shopping basket, our challenges were the same as in the case of Android app. Thanks to brainstorming and pair programming, we’ve created an architecture that is based on one basket storage which updates all views after every change made by the user.

LANGUAGE

Swift 4.x

ARCHITECTURE

MVVM + Coordinators

NETWORKING

Moya + Nuke

LAYOUT SDK

Native

UNIT TESTS

XCTest

ANALYTICS

Firebase, Facebook

PUSH NOTIFICATIONS

Firebase

SOCIAL INTEGRATIONS

Facebook, Google

PAYMENTS

PayU

CONTINUOUS INTEGRATION

Bitrise

CRASH REPORTING

HockeyApp

STATIC CODE ANALYSIS

SwiftLint

We decided to use well-proven libraries to make the mobile commerce app development process efficient.

Thanks to cooperation with the PayU team, we were able to quickly integrate payments. When it comes to shopping baskets, our challenges were:

The app empties all shopping baskets that have not been refreshed for more than 30 minutes,

A user has access to the basket from every app screen and can see how much time is left until the basket empties,

The basket is synchronized, even if a user makes changes during multiple sessions.

LANGUAGE

Kotlin

ARCHITECTURE

MVP

REACTIVE PROGRAMMING

RxJava / RxKotlin

UNIT TESTS

JUnit, Mockito

ANALYTICS

Firebase, Facebook

PUSH NOTIFICATIONS

Firebase

SOCIAL INTEGRATIONS

Facebook, Google

PAYMENTS

PayU

CONTINUOUS INTEGRATION

Bitrise

CRASH REPORTING

HockeyApp

Thanks to the Product Design Workshop with our client, we’ve crafted wireframes to better understand our clients’ idea and to precisely estimate the mobile commerce app development costs. This approach saved us a lot of time, due to the UI design process, because we knew exactly what our PO expected.

We’ve reconsidered the design of the online store – shop.veepee.pl, sticking to the current trends in UI design. We’ve used our client’s current colors and custom font, according to their brand book.

WIREFRAMES & DESIGNS

Sketch

COLLABORATION

Zeplin

CLICKABLE PROTOTYPE

InVision

How it works

Client about us

I can really recommend Droids On Roids as a solid and professional partner. Great communication with the team and transparent planning helped us to achieve development milestones. They are transparent in the settlements and reporting. Design and mobile commerce app development were top notch. Flexible to address all our needs.