case studies when we help approach insights

Citilink Mobile app for an electronics store chain

team
22
screens
240
collaboration
2019 — 2022
platforms
iOS, Android

Client

Citilink is an omnichannel supermarket and one of the largest online stores in Europe. The company sells appliances, electronics, tools, office furniture, and other products and earns more than $3 billion a year.

In addition to retail, Citilink provides various services: assembling and setting up equipment, configuring digital technology, selecting supplies.

Citilink has 1000 stores and pickup points in 500 European cities.

Image №1 - Citilink

Challenge

Citilink approached us with a challenge: to release a mobile app in 2021 and to launch a new sales channel.

The company wanted their customers to be able to find and buy products, write and read reviews, track orders, and receive notifications on their smartphones.

The app had to align with the Citilink's rebranded style and maintain the brand’s recognition and uniqueness for all customers.

Image №2 - Citilink

Rearrangeable blocks on the home screen

Citilink can tailor the home screen to the holiday season or sales by rearranging the blocks; experiment and test marketing hypotheses.

Image №3 - Citilink

Product categories

We separated different product blocks.

The user keeps being focused and easily finds the right category in the long list: home appliances, electronics, office furniture, power tools, household essentials, and various services.

Image №4 - Citilink
Image №5 - Citilink

Full screen preview

The user can see a full screen preview of the product card if they tap on the product on the home screen or in the catalog

A long click opens a bottom sheet with the most important information.

Image №6 - Citilink

Bottom sheet allows the user to:

  • See product images.
  • Visit product card for more details.
  • Find out the delivery terms and pickup points.
  • Read the key product characteristics.
  • Buy the product or go back to the home screen.
Image №7 - Citilink Image №8 - Citilink
Image №9 - Citilink

Interactive blocks

Product cards pile up and create intuitive mechanics for working with the suggested products.

The user searches for a product by swiping through them. Left swipe shows a new item, right swipe — the previously seen one.

The product of the day takes up the entire screen width. The countdown shows the time until the offer expires. When the time is up, a new item appears on this block.

Image №10 - Citilink Image №11 - Citilink
Image №12 - Citilink

Home screen takes into account previous interactions with the user

The app predicts what the customer wants to see.

The app instantly shows the content that a regular user goes to the app for:

  • Order status.
  • The app instantly shows the content that a regular user goes to the app for:
  • To the new user the app shows a wide range of products: popular categories, promotions, and product selections.

To the new user the app shows a wide range of products: popular categories, promotions, and product selections.

Image №13 - Citilink

Navigation is easier with illustrations

Citilink is not just about computers and home appliances; the catalog includes dozens of categories.

We have simplified the navigation, so that the user doesn’t mix up gaming accessories with home appliances, browses with comfort and finds the right product quicker.

Functional product listing

Image №14 - Citilink Image №15 - Citilink

The user can browse the product's photo gallery without going to the product card, but directly from the list.

The user can choose the product display method: tiles or a list.

Image №16 - Citilink

Tile focuses on the product's photos and ratings.

The list displays the main characteristics for each product category next to the image.

Image №17 - Citilink

The user adds the product to favorites or to cart.

Image №18 - Citilink

Product card is divided into two blocks

The first block combines frequently viewed information: product photos and videos, terms of purchase, rich content, delivery options, main product features, and configurations.

Tabs help organize space and keep the user's attention. They have instructions, certificates and detailed technical description on additional screens.

Image №19 - Citilink

The second block helps make a purchase decision.

This block combines product research and social reinforcement tools.

The user sees customer reviews and experiences, recommendations, product selections, they can ask questions or go to the support chat.

Image №20 - Citilink

Main actions are fixed

The main actions, like share or add to cart, are fixed on the product card, as well as the bottom navigation bar. The user can add the item to the cart or to favorites, ask for an expert consultation, or go to any app section with just one tap.

Image №21 - Citilink
Image №22 - Citilink

Expert chat

The user can go to the support chat to ask the Citilink experts or the manufacturer a question. The experts will help decide on the choice, tell more about the product and its characteristics, or select similar products.

Image №23 - Citilink

Upselling and additional services in the cart

Citilink provides additional services to its customers. We offer to add them in the cart.

The user can add purchase protection, order equipment installation and setup, buy a digital subscription or a license key for the program.

Image №24 - Citilink

Simple order tracking in the profile

The widget shows the order status and details in the profile section and on the home screen.

The user can track several active orders at once by swiping through them.

The user can save multiple addresses and details for several recipients.

Image №25 - Citilink

A separate membership program widget shows the number of bonus points, card number, discount amount, and other benefits.

The app passed the pre-launch beta testing and appeared on the App Store and Google Play in December 2021.

The team continues working on the product and gathering feedback. The new sales channel promises to become one of the main sales channels for Citilink.

team
22
screens
240
collaboration
2019 — 2022
result

Let's work together

Name
E-mail
Phone
Tell us about your project
0/255
By sending this form you confirm that you have read and accept Privacy Policy
Hey Innovations, Inc
+1-727-350-93-59
hello@heyinnovations.com
First Central Tower
360 Central Avenue, Suite 800
St. Petersburg, FL 33701
in
case studies when we help approach insights
phone
+1-727-350-93-59
e-mail
hello@heyinnovations.com