top of page

Client Name

Project Goal

My Role

ON. Organic & Natural

Create a solution to assist millennials and various demographic groups in improving their nutrition habits by offering organic, healthy alternatives in beauty, lifestyles, and overall wellness.

  • Designed and built the brand for the Organic Natural Portal Market to facilitate the delivery of organic products to end-users.

​

  • Collaborated closely with the engineering and digital marketing teams to design brand development, features for demand generation, and customer acquisition.

​

  • Designed and validated user interfaces, workflows, and navigations through iterative processes.

Screenshot 2023-12-26 at 5.59.39 AM.png

Initial Research​

​

  • Defined user categories and analyzed their nutrition habits.

​

  • Created user personas, identified consumer behavior, and brainstormed solutions.

​

  • Prototyped the solution with wireframes, conducted tests, iterated, and created high-fidelity prototypes.

​

  • Formulated crucial questions to delve into the depth of user problems and implications. Some of the questions included:​

  • Initiated research by distributing Google Form questionnaires to friends, family, and various Facebook groups, revealing that most millennials prefer dining out and aspire to adopt a healthier lifestyle.

​

  • Found that the older generation leans towards shopping for groceries at healthier stores based on research reports.​

- Is there clear data showing users really face an unhealthy lifestyle problem? 

- What are the implications of this potential problem?

- What are use cases correlated with this problem? 

- How will solving this problem benefit the business?​

Homepage Design for ON. Organic & Natural

Creating User Personas

User Flow

Developed a clear understanding of user needs and behaviors, reducing the number of steps in the user flow from seven to five by implementing more intuitive input techniques.

Screenshot 2023-12-29 at 12.39.54 AM.png
Screenshot 2023-12-29 at 12.40.46 AM.png
Screenshot 2023-12-29 at 12.41.11 AM.png

Wireframes

  • ​Created interactive low-fidelity wireframes for testing, conducting speak-out-loud sessions with potential users.

​

  • Identified drawbacks in the initial layout version and iterated design based on testing feedback.

​

  • Conducted additional testing sessions with interactive wireframes until complete satisfaction before applying high-fidelity design treatment.

Product Landing Page UI Layout

Screenshot 2023-12-29 at 12.59.58 AM.png

Cart Page UI Layout

Screenshot 2023-12-29 at 1.27.27 AM.png
bottom of page