Digital / UI/UX study

Imtiaz shopping app

A clearer everyday shopping journey.

The project

A mobile shopping interface study with supporting design-process boards, wireframes and detailed screen designs. The presentation follows the supplied work from structure to visual interface.

Scope

Interface design, wireframes and process presentation

01 / The experience

Imtiaz — Everyday shopping,
with a clearer path.

A mobile commerce study connecting product discovery, product detail and checkout. The supplied work includes interface screens, wireframes and process boards.

Discover

Explore a product

Review the cart

Check out

Confirmation

02 / Discovery

Find it. Understand it.

The home screen, category listing and product detail create a visual progression from discovery to a specific choice.

Home

Category 1

Product Details

01 / In context

A connected experience.

A considered presentation of the supplied interface screens.

Presentation mockups show the supplied work in context.

04 / The journey

From choice to confirmation.

Cart review, checkout and the confirmation state carry the same hierarchy through the purchase journey.

Cart

Checkout

Successful

05 / Foundations

The details hold it together.

Colour, screen hierarchy and repeated interface elements connect the individual views.

#194EAB

#F7A022

#232625

#F3F4F6

Source documentation / 01

Information architecture

Design process — board 03

Source documentation / 02

User flow

Design process — board 04

Source documentation / 03

Wireframes

Design process — board 05

Source documentation / 04

Visual foundations

Design process — board 06

Original artwork

Screen by screen.

Original supplied artwork. Open an image to inspect it at full size.

Design process — board 01

Design process — board 02