UNBOARDING

AZALEA PROJECT


Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid porro eius adipisci sequi rerum est, veniam. Laboriosam repellat, corporis saepe a commodi, aliquid consectetur possimus in harum iusto, quae sit!

1. PROJECT OVERVIEW

Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Aliquam soluta, et saepe natus eveniet, nisi consequuntur dicta iusto, nobis accusantium quisquam maiores sunt sit, iure magnam libero laudantium molestiae. Tenetur.

WHO IS THIS FOR

Lorem ipsum dolor sit, amet consectetur, adipisicing elit. At quibusdam excepturi animi dicta quis, nostrum, repellendus alias explicabo tempore laborum dolore maxime reiciendis architecto nam iste et sunt cupiditate dolores.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit accusamus suscipit rem porro, saepe laboriosam exercitationem consequuntur veniam, repellendus qui ea quos veritatis, dolorum quaerat vel facere iure? Atque, ratione.

DESIGN CHALLENGES

Lorem ipsum dolor sit, amet consectetur, adipisicing elit. At quibusdam excepturi animi dicta quis, nostrum, repellendus alias explicabo tempore laborum dolore maxime reiciendis architecto nam iste et sunt cupiditate dolores.

Lorem ipsum, dolor sit, amet consectetur adipisicing elit. Explicabo qui, fugit dolores vel odio nesciunt repellat consequatur nihil minus temporibus laboriosam facilis eos officiis aliquid assumenda praesentium tempore veritatis laborum.

My role

Lead UIUX Designer, Information architecture, branding and design

Project timeline

2 months (before handoff to developers)

2. My Design Process

Lorem ipsum dolor sit, amet, consectetur adipisicing elit. Aliquam soluta, et saepe natus eveniet, nisi consequuntur dicta iusto, nobis accusantium quisquam maiores sunt sit, iure magnam libero laudantium molestiae. Tenetur.

OVERFLOW

PLANNING

Started with defining a brief, creating sitemaps and designing a basic user journey

SKETCH

WIREFRAMING

Put together wireframes with minimal details to plot out user's journey

FLINTO

Low-Fidelity Prototype

Build prototypes to proof concept and create basic user interactions

SKETCH

Design Refinement

Created a look and feel of the product based on existing branding guidelines. Created design system and libraries to ensure consistency

PROTOPIE

High-Fidelity Prototype

Build high-fidelity prototypes to simulate actual product and prove interactions before diving to development

ZEPLIN

Hand off

Handoff final designs on Zeplin, and detailed documentation in Overflow files.

3. UNDERSTANDING THE PROBLEM

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio earum consequatur adipisci consectetur maiores rerum perferendis pariatur, optio aliquam delectus? Obcaecati nisi cum ullam blanditiis rerum quod aut. Culpa, temporibus.

Persona A:
Business owner

Persona A:
Business owner

Persona A:
Business owner

User needs

Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Facere veritatis similique fugiat, eius soluta quae ab ex nostrum cumque obcaecati aut voluptatum ipsum fugit nulla perspiciatis, voluptatem molestiae! Necessitatibus, ex!

User needs

Lorem, ipsum dolor sit amet, consectetur adipisicing elit. Facere veritatis similique fugiat, eius soluta quae ab ex nostrum cumque obcaecati aut voluptatum ipsum fugit nulla perspiciatis, voluptatem molestiae! Necessitatibus, ex!

4. INFORMATION ARCHITECTURE

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio earum consequatur adipisci consectetur maiores rerum perferendis pariatur, optio aliquam delectus? Obcaecati nisi cum ullam blanditiis rerum quod aut. Culpa, temporibus.

5. INITIAL IDEAS

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odio earum consequatur adipisci consectetur maiores rerum perferendis pariatur, optio aliquam delectus? Obcaecati nisi cum ullam blanditiis rerum quod aut. Culpa, temporibus.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias vitae facilis, ipsam. Nihil ipsam quae recusandae doloremque autem voluptas porro, officiis tempora repellat? Deserunt, praesentium quo quis, odio earum fugit.

slide 2

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias vitae facilis, ipsam. Nihil ipsam quae recusandae doloremque autem voluptas porro, officiis tempora repellat? Deserunt, praesentium quo quis, odio earum fugit.