Focused on creating responsive and memorable experiences for all users.
Focused on creating responsive and memorable experiences for all users.
Driven by the passion of creating an effective and enjoyable experience for others.
Designing easily understood navigation elements to provide users a logical sense of direction.
Figma
Sketch
InVision
Adobe XD
Orange County public library redesign for mobile.
Website update for Michelin guide restaurant.
Coffee communication and education concept.
Orange County public library redesign for mobile.
Website update for Michelin Guide restaurant.
Coffee communication and education app concept.
Focused on creating responsive and memorable experiences for all users.
Driven by the passion of creating an effective and enjoyable experience for others.
Designing easily understood navigation elements to provide users a logical sense of direction.
Madison Cozart: UX Researcher
Ethan Slick: UI Designer
Fatima Khan: UX Designer
There are currently no leading social apps designed entirely for coffee enthusiasts that have multiple features consolidated in one place.
Breve is a coffee education app that connects users, has a search feature and informs on community events.
RESEARCH: problem definition, ideation, proto persona, conduct user interviews, empathy map
TESTING: paper prototyping, low fidelity prototype with iteration competitor analysis, and user journey map
PRODUCTION: iterate flows based on feedback from user testing
Does not like being in places that are grimy and overly crowded.
Hard to find a good place to study especially with the overwhelming amount of results.
Moving somewhere new makes it hard to make new friends with similar interests.
Wants to find niche local coffee shops
that can also enable him to support small
businesses.
Find local/online friends who plays the
same game so that he could play with
them when ever they are free.
Wants to support as many local shops
and stores as possible.
Loves visiting places that put an emphasis on décor.
Goes to many events like game nights,
meet and greets, and comedy nights.
Is always busy doing something with many
hobbies and friends to hang out with.
Bryson just transferred to Orlando to go to college for computer science and is looking to get settled. He enjoys gaming, listening to music, and coding, and one of his favorite places to do this is at local coffee shops. He likes going there to make friends and just to get his favorite drink: a cold brew coffee.
More people spend time visiting coffee shops as opposed to staying home and making their own coffee.
A reason most frequent local coffeeshops and prefer small businesses over chains is due to the atmosphere and aesthetic.
Key Insights from the Interviews
An audit was performed on five competitors and their value proposition to gain a better understanding so we could build a better product.
We examined the placement of information in their apps like menu categories, mapping features, the type of filters they include, and information on coffee and events. They gave us a better understanding of the market and its trends.
The loading screen is designed to avoid having a first impression that overloads the user with excessive content.
The color contrast from light to dark and the percentage are both ways for the user to gage the loading time.
This design covers the Café Search and loading screen.
One of the intended purposes of Breve is the ability to guide users into exploring new coffee shops that fit their specific (or niche) interests.
Users arriving at the Café Search section will be offered a selection of coffee shops within their vicinity.
Users can then browse the menu or call to place an order. They can also filter down their search to find an ideal coffee shop experience.
Tapping on filter search opens an overlay that gives users specific options to search by based off of user data.
Some buttons are colored differently to distinguish the drop down buttons from the normal ones.
We want to expand further on other features for the app, such as the social and educational aspect. We also want to research ways to add features for those who work in the industry by creating tools within the app for barista and company inclusion.
The proprietors main concern was wanting a way for users to apply online.
Taking into consideration everything I had researched about the current site, and everything that was needed by me as a designer, I made a list of all project requirements:
A simple and clear way for users to apply online.
New images for the website that Shin Jung own.
An updated Interface that passes accessibility standards
A faster way for users to view the menu.
Made in Weebly
No update in 5+ Years
The idea was to give the user all the tools they could possibly need right in the hero section. This eliminates the need to scroll extensively to find a piece of information.
Clicking “here” opens a pop-up that gives the user an email address to send a resumé to. The user has another opportunity to apply online at the bottom of the page
The pop-up is designed to be as simple as possible. The user can click the email link to instantly send in their resumé to the hiring manager.
An issue that was hard to avoid was the matter of finding usable photos for the website. I spoke with the proprietor and we held a photoshoot, where I was able to take a selection of photos to use for the website.
Two micro interaction are placed purposefully at the end the image grid, to promote following their social media pages.
An issue users had was, long loading times for the menu. My solution is having both menus in equal view while also giving users an option to enlarge the image.
The “Click to enlarge” tag is placed in the upper right corner, so it doesn’t cover any important information.
The bottom of the page covers all important information as well as a button for users to search for Shin Jung on Google Maps. Having the important information at the top and bottom prevents users from scrolling a long distance.
The very bottom of the page has the second opportunity for users to apply.
Updated website planned to go live July 2023
Mobile version now in development
Future updates once restaurant expands
Here is a full breakdown of the updated website.
All content lies on a single page but each section is broken off to go into further detail. This design has gone through several iterations and incorporates feedback from the proprietor as well from the results of user testing.
I created a similar layout to the original site, so that users who had previously visited would feel a sense of familiarity.
It was already planned to merge all content onto a single page, but I still wanted to section each part of the interface off when designing.
It took users 15 seconds on average to open the menu!
That's a 94% increase in speed!
Clicking the menu button scrolls the page down to the section with both menus in full view. Now it only takes the user 1.5 seconds to view the menu!
Data is based off of the time it takes users to finish loading the menu as a pdf.
Some images used were not owned by Shin Jung, and are ineligible to use.
The text and font color were difficult to read and do not pass common accessibility standards.
When conducting research on the current state of the site, I ran into some problems:
Shin Jung is a family-owned Korean restaurant that has been serving delicious food since 1993. Shin Jung is planning to expand their business, and they’ll need a full update of their website to assist customers and future applicants.
Whenever traveling somewhere new, Wesley wants to eat where the locals eat. He’s visiting Orlando soon and wants to try Korean food for the first time.
Self improvement
Keeping himself active
Finding his next favorite dish
Reads for at least an hour
Rides a bicycle most places
Attends school online
Further expanding his pallet
New experiences with new people
Traveling to different places
Difficult finding good local spots
Hard navigating new places
High standards for food
“When it comes to having an enjoyable dining experience, first impressions really matter.”