The mobile commerce app for
the largest footwear retail company
in Central Europe

Scope of the project

Mobile app development

Our goal was to build iOS and Android mobile commerce app for the shoes & bags stores which belong to CCC S.A. – the largest footwear retail company in Central Europe.

Users can – among others:

browse and buy products online,

order delivery to an indicated address,

manage their favorites products lists,

stay up to date with discounts & trends,

join the CCC Club.

Product Design Workshop

We have already had 5 sessions of Product Design Workshop.

The first panel that took place at the beginning of our cooperation helped us to clarify the product idea.

What is more, we organized an additional workshop every time we were about to start the development of another version of the mobile commerce app.

Product Design Workshops let us be clear about the business goals, technical requirements, and the development approach.

App design

Our goal was to design the app’s UX & UI to be consistent with the CCC brand and to follow the newest trends in UI design.

Our key guidelines were:

to make browsing and buying products simple and engaging,

to present information about brands & products in a clear and attractive way,

to guide users easily through the onboarding process,

to use the color palette of the CCC brand.

Key features

Browse products

Browse and sort fashionable shoes, handbags, and accessories from such brands as Lasocki, Jenny Fairy, DeeZee, Lanetti and more.

We are constantly working on newer and better ways to perfectly tailor the product to the customer’s needs.

Add the product to the cart

Add your favorite products to the shopping cart and continue shopping, or go to your order details.

Shopping cart summary

See all products in your shopping cart, their prices, and the total payment for them.

Select a delivery option

You can choose one of two service providers – Polish Post or DHL.

Shipping details

You provide basic data needed for the product shipment.

Different payment methods

The app also supports different payment methods – quick online transfer, “Blik”, payment with traditional bank transfer, or payment on delivery in a stationary store.

Payment methods: fast money transfer with PayU

You can pay using PayU which is one of the most frequently chosen providers supporting internet payments – it is well-known and easy to use.

This payment option has many benefits for users, e.g. it’s secure – it eliminates the risk of errors, and convenient – the data is populated automatically.

Blik payment

Thanks to “Blik” – mobile payments solution – customers can use their smartphones to make payments in the app.

Order summary

You can check if all the data you have entered is correct before you confirm it.

Thank you page

You learn that you have 30 days to return the items and that you find information in your e-mail about further stages of the order.

Find the nearest CCC store

Find the nearest store and check out opening time, address, contact details and more.

Check store availability

You can check which stores the product that interests you is available in.

Barcode scanning

You don’t have to ask the shop staff for help. In the app, you can find all the useful information by yourself, without waiting in a queue. How? Scan the product’s barcode and check the product’s sizes, colors, store availability and more.

Discover new products and mark your favourite ones with swiping

Swipe right if you like the product or left if you don’t. You can use also thumb buttons.

Wishlist

Wishlist enables saving products “for later” if you don’t want to buy them at that moment, and find them quickly whenever you return to the CCC app.

Smart product filters

Apply multiple filtering values using sliders, lists, or checkboxes to narrow your product search. You are able to select more than one value, across any given attribute, and clear selected filter option values with one click.

Side-swipeable product gallery

Thanks to side-swipeable images created for thumbs, you can quickly swipe through product images horizontally and see the item from all sides.

Add your CCC Club card to the app

How we did it

We have built the iOS app using only a few libraries. For most of the features like networking, re-querying the server, or barcode scanning, we created our own native solutions. Due to the specifics of the iOS platform, it was easier and faster for us to implement them that way than to use external libraries. It gave us 100% flexibility and allowed us to create exactly the features we needed.

What is more, we were responsible for coordinating the collaboration of many entities that worked with us on the CCC project. Thanks to regular status meetings and working in Scrum, we were able to cooperate effectively.

At the request of our client, we have created an interesting product browsing in the form of sliding cards.

On average, every 1-2 weeks, we release an improved app version.

Language

Swift 5.x

Security

Keychain

Analytics

Firebase, Synerise, AppsFlyer

Instagram images provider

Olapic

Continuous Integration

Bitrise

Architecture

VIPER-based

Unit Tests

XCTests

Push Notifications

Synerise

Payments

PayU

Crash reporting

Crashlytics

Networking

Native

Layout SDK

SnapKit

Recommendations

Synerise

Maps

Google Maps

Android app development was very similar to iOS app development.

The main difference was that we used popular, reliable libraries like Retrofit, Moshi, AndroidX and more.

Due to the specifics of the Android platform, this approach helped us to simplify the app development and improve its efficiency.

Language

Kotlin

Analytics

Firebase, Synerise, AppsFlyer

Instagram images provider

Olapic

Continuous Integration

Bitrise

Architecture

MVVM + Clean Architecture

Unit Tests

JUnit

Push Notifications

Synerise

Payments

PayU

Crash reporting

Crashlytics

Networking

Retrofit

Recommendations

Synerise

Maps

Google Maps

Thanks to the Product Design Workshops, we’ve crafted the wireframes & clickable prototype to better understand our client’s idea. This approach saved us a lot of time because we knew exactly what our PO was expecting.

Sticking to our CCC guidelines and current trends in UI design we created a modern app with a great look and feel.

Wireframes & designs

Sketch

Collaboration

Zeplin

Clickable prototype

InVision

User Journey map

Overflow

How it works

Testimonial

Both mobile commerce apps were launched successfully. We see Droids On Roids not only as a contractor of our order but also as a trustworthy partner who served us with their knowledge and skills. We appreciate their openness, flexibility, meticulousness, technical competence, and in particular, project management skills. Thanks to working in Scrum, we could constantly monitor the progress of work and flexibly introduce changes.