Problem

The UI UX team were given many business requirements and functions that we should include in the prototypes. As I joined the company in the prototyping stage I had the tasks of designing the customer chat screens, main menu, checkout screens and many other screens in the main app. In addition I created screens for the vendor side of the app such as the vendor order screens and business dashboard screens. In this stage I would conduct research of existing apps, create wireframes and produce prototypes. Additionally I would ask for improvements from the front end development team and tech leads so the screens were user friendly and of high standard.

Goals

Design should indicate users what to do

Grey and green buttons were used to show users when the can move forward in the app. A common theme the UI UX team used across the app was making the buttons grey when users do not complete tasks. Only when the task is completed the buttons would turn green to continue the experience. This is one example of the common design decisions that helps with the user experience being smooth.

Design should include business and stakeholders requirements

During our scrum meetings the UI UX team would be given business requirements. These requirements were important as it helped add to the UX research stage of the design process. The requirements allowed us to understand what goals the business would like the design to have.

Completing UI before contract ending

Homely hub is a startup company that hired most employees in a 6 months contract. This meant that the project would has a tight schedule yet it needed to be completed to its upmost potential. To make sure I was able to produce strong designs in Homely Hub before my contract ended I made sure to be organised, manage my time, communicate across teams and perform UX UI tasks well.

Overall business goal

The business goal is to help customers find and purchase food and goods from local African and Caribbean businesses without effort. The goal for the vendor app is to make it easy for vendors to set up their business, handle orders and track business statistics. Overall Homely hubs aim is to create a niche food delivery service for African and Caribbean cuisine where their competitors will be apps like Uber Eats and Just Eats.

Design Process

The design process would start of with research from the business analysts and a list of business requirements from the stakeholders and tech leads. The requirements were lists of what features should be included and what could be included. We would have meetings to discuss the research and what users needs we will be meeting for that task. The tasks would last for 2 weeks and within these 2 weeks the UI UX team would sketch, wireframe, prototype, test and improve designs till it meets tech leads and stakeholders standards.

Customer Service Live Chat

I first researched existing user interfaces of live chats from bank apps, other designers on Figma and Whatsapp. I then sketched a mockup and designed a simple wireframe on Figma. After the wireframe I designed the prototype on Figma.

Main Menu

The main menu was designed as a team. I designed the restaurant profiles, I looked for inspiration from other food apps such as JustEats and UberEats to see what are the most important features for users. As a result I gathered that the restaurants name, ratings and distance was important. I created sketches and then we included these profiles on the main Figma prototype.