SALAD DESIGN APP

SALAD DESIGN APP

OVERVIEW

Salad Design is a food app designed for those working people that don’t have time to prepare their own meals and they end up buying food outside. However, these individuals tend to find that there is a lack of affordable, fast, and healthy options available to satisfy their needs.

Customers have the ability to select pre-made meals and add to them and also to create their own customized salad from scratch based on nutritional information, taste, and appearance.

THE CHALLENGE

Salad design was a group project as part of the Ironhack cohort. The cohort was broken into four (4) rotating teams that changed each week. Teams conducted user-research, strategy research, information architecture, and UI design separately each week and then handed that work off to another team to iterate from.

As part of the challenge, I was responsible for the user experience research, and the user interface design.

SPECIFICATIONS:

iOS & Android application

Credit Card Purchases

Add to favorites and rank previous salads.

Rewards

RESEARCH

We conducted user interviews, surveys, mapped the customer journey and also create a comparative/competitive market analysis.

In the research, we intend to understand the user needs, behaviors, and motivations. By conducting user surveys and interviews, the design team was able to gather both qualitative and quantitative in a way that informed who the users would be, the context in which they would use the product, and what the user’s needs were.

USER INTERVIEWS

To understand the individuals who would be using the Salad Design app, we went around downtown Miami, interviewing individuals of various demographic and ethnographic backgrounds. The following is a brief of some of the questions.

PERSONAS

Creating user personas is one of the most important elements in our product development cycle. At the end of the day, we were designing for customers that don’t have time to prepare their own meals, this created fictional representations of these individuals to help guide our design process and address their pain-points and frustrations.

AFFINITY DIAGRAMS

Affinity diagrams were used in our research process to identify patterns in the data collected from user interviews, industry reports, and technological reviews. As designers, we like to put our research into a visual format and find that this helps us to sort all of our findings out.

STORYBOARD

LO-FIDELITY SKETCHES

In our design process, we use low-fidelity sketches as our starting point for visual design.

We find that this is the best way to illustrate the concepts that we are trying to build out and it is also a great way to explore many different ideas without significant time and resource investment. User testing is incorporated into our sketching process with paper prototyping and we are able to see what ideas have the potential to work and which ones don’t. We also simply enjoy the process of throwing a lot of ideas out there and this is one of the best ways to do it

SITE MAP

As designers, compare the role that we play in product development to that of architects in the construction of a building (hence the term information architecture). The sitemap is our blueprint for how a product (in this case, Salad App) will be structured and provides the outline of how we will design (“build”) it.

USER FLOW

The user flow is the next progression in the Information Architecture phase of our product development cycle. We use user-flows to map out how a user will use a product — in this case, the Salad Design — and also make sure that the user is able to work through features through a logical progression.

HIGH-FIDELITY WIREFRAMES

Selected samples of the high fidelity wireframes designed for the Salad Design App.

PROJECT INFORMATION

DATE:
February, 2018
DELIVERABLE:
User Research, Competitive Analysis, Wireframes, Personas,Problem Statement Interactive Prototype, Design Presentation.
SKILLS:
Sketch / Invision / Adobe Illustrator / Principle / Keynote / Hand sketches
CATEGORY:
UX/UI
SHARE: