top of page

UX/ UI Case Study:

Logo_BrandingTHUMB-11.jpg

a Recipe and Ordering App

My Role

Buttons.png
Buttons.png
Buttons.png
Buttons.png
Buttons.png

UX Designer

Product Designer 

Visual Designer

UX Researcher

Content Strategist

An Origin Story

Laura Ann's Jams is a company based out of LA,

ran by the punk rock drummer turned artisanal

jam-making entrepreneur Laura Ann Masura.

I became friends with Laura many years ago, helping her with brand building.

Summary

I designed an the app,

that helps customers find recipes

and order ingredients which

Laura Ann's Jams supplies.

Project Goals

Solving Problems

This app is intended to solve the problem of being able to find recipes which Laura Ann's Jams products can be used, and then being

able to easily order those corresponding ingredients.

 Build a helpful tool to assist a customer making a purchase.

 

Improve the experience of finding

recipes.

Explore the use of photographic menu for a more interactive experience

Approach

To build an app with existing elements from the website with a focus on ease and readability.

Research Methods

Buttons.png

Market Research Analysis

Buttons.png
Buttons.png

Information Architecture

Prototype Testing

Customer Mindset

Hipster Who Loves to Cook

Becca

"I just want to find good recipes"

Cooking with her 3 roommates has proved to be rewarding with these suggestions

Will consult others for flavor profiles, seeking feedback from them to ensure their happiness. 

Mom Who Supports Small Businesses

Marie

"These flavors are so different!"

After having seen online advertising, she was motivated to buy the small batch, small business Jams and Sauces.

Gift Purchaser

Matt

"What can I say? They taste really good."

One of Dan's customers brought him a basket of LAJ items for the holidays, and since then it's been his go-to for others. Loves the selection.

Getting Inspired

Some research based on apps which specialize in recipes. Looking to see which were in the market, and what apps to order food were available. 

Reasearch.png

Prototyping

Sketches/Low Fidelity Wire Frames

This is the design that was the inspiration for the final layout

sketch_edited.jpg

High Fidelity Wire Frames

FRONT PAGE – 13.jpg
FRONT PAGE – 10.jpg
FRONT PAGE – 12.jpg
FRONT PAGE – 5.jpg
FRONT PAGE – 1.jpg
FRONT PAGE – 4.jpg
FRONT PAGE – 2.jpg

Style Guide

Artboard – 1.jpg

Look at this

BEAUTIFUL

color palette!

Learnings

Clean & Bold

Following the style guide previously determined by another web developer, I was able to create a sleek but fun ordering site.

I learned that its worth putting in all the little details, that they can turn something from just a status quo idea into a wonderful one.

  • b-facebook
  • Pinterest Black Round
  • Twitter Round
  • images.jpg
  • Blogger Black Round

© 2015-2020  SortaStarlette/Laura Ann Designs. 

bottom of page