AdidasCover.png

Adidas Mobile App

 
 

Adidas mobile app

Working  remotely with the Adidas Design Team in Germany, Herzogenaurach over 22 months to co-create the app, my role was to help craft the design and experience for both iOS and Android platforms. This included working on visual design, information architecture, user experience, rapid prototyping, motion design & direction, and delivery of the final product. Below there are few examples of my work made on different parts and functionalities of the app.

 
Cover.jpg
 
 
00.gif
 

Welcome screen

Fresh designs and animations


 
 
 

News feed

The app news feed supports a variety of content formats which can be arranged in a variety of configuration tailored to the specific campaign experience.

 
 
03.jpg
 
 
 
 

Built using modular design

Each country can customize its pages with a system of adjustable page modules, to be reused as a standard of storytelling in the Adidas app.

01.gif
 
 
 
02.gif
 

A unique approach to content tags

To make it easier for users to read Adidas news using long-page scrolling, we add sticky categories tags for a better module structure whit focus on scaling and continue reading various content.

 
 
 

Seamless visual browsing

The new experience allows users to seamlessly explore, browse and search the favourite products. This page is built with components that can be easily changed, creating smart visual systems that adapt to a broad range of products.

 
 
04.jpg
 
 
 
05.jpg
 

Easy search and filtering

Products can be sorted by gender, collection, size, colour and much more that makes navigation through all Adidas products easy and enjoyable. 

 
 

Product detail page

 

Simple, functional and to-the-point the product detail page highlights the key features and benefits of the product, combining beautiful photography with video, product descriptions, and user reviews. This page also integrates the size selection module for fast checkout.

 
 
06.jpg
 
 
 

Fast checkout

We simplified the buying steps (2, max 3 clicks), making it easier to checkout any product.

 
 
07.jpg
 
 

Shopping bag and favourites

 

The new shopping bag and favourite page give users the power to store the most liked products, make it easier to checkout.

 
 
08.jpg
 
 
 

A unique approach to delivery and pick up in the checkout

We've designed an adaptive experience that can help the users choosing between delivery and pick up an order based on time, price and location.

 
 
09.jpg
 
 
 
10.jpg
 

Arrange a scheduled delivery

Simple, yet highly functional, this lets the users pick a period to take delivery of their recent orders.

 
 
 

Flexible payment options

With the integration of multiple payment options, checking out is as simple as one click.

 
 
11.jpg
 
 
 
 

Simple financial data visualisation 

Designed to keep the price details to a minimum and as simple as possible for the user to understand the total cost of the order.

12.jpg
 
 
 

More personalised profile

The profile segment provides an ecosystem for settings, tracking the user "Creator ID" profile with all the benefits and all users in-app activity including the orders, points, and vouchers. While this work on the profile was on another team I only gave my support with animation and general visual ideas.

 
 
13.jpg
 
 
 

Refreshing all the app icons

Vector-based, made on the grid, keeping a specific weight, colour and visual style, I redesigned all the app icons library for optimising and reducing the size of the app.

 
 
14.jpg