DEFINE & IDEATE

Defining the Problems

Now that I knew who I was defining for, I was able to use the insights and needs gained from research to identify what the main problems are that I am trying to solve. I used those insights and needs to create POV statements to better understand the problem from the user’s perspective and then created HMW questions to come up with possible solutions for these problems.

Task Flow

Now that I knew how these new features would fit into OrganizEat's existing structure, I wanted to explore how the users would be interacting with these new features to complete key tasks. I first created a UI Requirements document to identify the key tasks based on our user’s goals, and then clearly laid out the specific requirements for each screen in order for the user to successfully complete those tasks. Using the same key tasks, I created task flows to understand the actions the users would take and the key pages they would interact with to complete those tasks.

Low Fidelity Wireframe Sketches

Using everything I learned throughout this phase, I then worked on creating low-fidelity wireframe sketches to make informed decisions on how to design these new screens to help our users complete these tasks and meet their goals.

PROTOTYPE & TEST

Sketches to Prototype

In order to test the design decisions I had made and to test the usability of the design, I wanted to create a prototype to test on real users.

High Fidelity Wireframes

Using Figma, I first started by creating high-fidelity wireframes based on my sketches.

Reflection & Next Steps

Summary 📜

Re-test 🔄

Design Handoff 🤝

Product Launch 🚀

Future Implementations 🔮

To summarize 📜

I faced new challenges during this project that I haven’t faced before - seamlessly integrating a new feature into an existing design and designing for a mobile application that I wasn’t entirely familiar with.

Through this project, I learned the importance of really diving into studying the existing design and flow of the application to introduce a new feature that looks and feels like OrganizEat's existing design. Doing research on the background and how the app evolved was also key to identifying the best solutions for the problems at hand.

Ensuring everything works 🔄

To validate the revisions made, I would conduct another round of testing with users.

Sharing with the team 🤝

Once I’ve re-tested to make sure the changes improved the features’ usability, we would then implement and launch these new features.

IT'S DONE! Well almost... 🚀

After the app has been built, we will introduce the new product to the market.

What the future holds 🔮

After the first version of the app has launched, I would observe how people are using it and work on updating priorities and adding new features to the app.