top of page

Step by Step

Step by Step is the perfect place where to to find the best products for  your childrens.

A big catalogue of Books and Educational games but also clothes and Schools products. All products have been studied and tested in order to meet your childrens needs and follow Step by Step their early years.

UX | UI Design

E-Commerce | Case Study | Career Foundry

2019

03 MOCKUPS Iphone X.png
05 MOCKUPS Iphone X.png
STEP BY STEP LOGO 2.png

Logo

The Logo want to show the main focus. of the Store, to assist and help the parents Step by Step the development of their children.

STEP BY STEP LOGO no text.png

Typography | Writing Style

STEP BY STEP LOGO 2.png

The Logo want to show the main focus. of the Store, to assist and help the parents Step by Step the development of their children.

The brand voice is easy, friendly, and fun, but also Professional and Inspiring.

The Brand shows positive simplicity, but also playful for kids and honest and easy for parents

Colours

The Main Colours are Blue and Pink. Blue represent colour that make feel comfortable and familiar. Pink is a playful and youthful colours. They are the perfect match for the idea and feeling that the Store want to give. The main background will be white in order to give the Store a clear and professional look.

Primary

Primary .png

Secondary

Secondary.png

Iconography

The Main Colours are Blue and Pink. Blue represent colour that make feel comfortable and familiar. Pink is a playful and youthful colours. They are the perfect match for the idea and feeling that the Store want to give. The main background will be white in order to give the Store a clear and professional look.

iconography.png

User Flow

TASK 6.6.jpg

Low-Fid Wireframes

BRW3468956A1C98_001634_page-0001.png
BRW3468956A1C98_001635_page-0001.png
STEPBYSTEP INSTAGRAM WIREFRAME.jpg

Low-Fid Wireframes

Mid Fid Wireframes.png
Artboard.png

High-Fid Wireframes

02 - iPhone X WELCOME.jpg
03 - iPhone X LOG IN.jpg
04 - Iphone X Home .jpg
06 - Iphone X SALE List.jpg
05 - Iphone X SALE .jpg
07 - Iphone X Product Detail.jpg
08 - Iphone X ADDED.jpg
09 - iPhone X Shopping Bag.jpg
07 - Iphone X Product Detail.jpg
11 - Iphone X BOOKS shop.jpg
iPhone 8 X.png
01 LAUNCH SCREEN.png
02 welcome.png
03 MOCKUPS Iphone X.png
02. MOCKUP Iphone X.png
05 MOCKUPS Iphone X.png
04 MOCKUPS Iphone x.png
sale page.png
added to cart.png
08 MOCKUPS Iphone X.png
book page.png
shop page.png
06 MOCKUPS Iphone X.png
Artboard 2.jpg
StepbyStep iPAD Mockups.jpg
bottom of page