green box-1 1

Ethan Slick

Rectangle 6
UI Designer
and I am a,

Focused on creating responsive and memorable experiences for all users.

hello, i’m

Driven by the passion of creating an effective and enjoyable experience for others.

Designing For Real People
Crucial Design Point

Designing easily understood navigation elements to provide users a logical sense of direction.

Rectangle 41
Rectangle 16
Skills:
Intermediate:
Novice:
Line 13
HTML
CSS
Java

Figma  
Sketch
InVision
Adobe XD

UCF UX/UI
Design Bootcamp
Graduate of:
Rectangle 41Rectangle 16
407-541-7269
eslick51g@gmail.com
Contact:
linkedin.com/in/ethan-slick
Battery
Wifi
Cellular Connection
8:15
(Tap to View)
My Work

Orange County public library redesign for mobile.

Website update for Michelin guide restaurant.

Coffee communication and education concept.

(Tap to View)
(Tap to View)
Rectangle 41
Rectangle 16Rectangle 6
Skills
Intermediate:
Novice:
Line 13
HTML
CSS
Java
Figma
Sketch
Adobe XD
InVision
UCF UX/UI
Design Bootcamp
Graduate of:
Rectangle 29

Orange County public library redesign for mobile.

Rectangle 31

Website update for Michelin Guide restaurant.

Rectangle 30

Coffee communication and education app concept.

Rectangle 38
My Work

Ethan Slick

Rectangle 6
UI Designer
and I am a,

Focused on creating responsive and memorable experiences for all users.

Driven by the passion of creating an effective and enjoyable experience for others.

Designing For Real People
Crucial Design Point

Designing easily understood navigation elements to provide users a logical sense of direction.

hello, i’m
407-541-7269
eslick51g@gmail.com
linkedin.com/in/ethan-slick
Line 15Line 16Line 17Line 18Line 19Line 20Line 21
Frame 34425-1 2
Coffee Communication and Education
2022
UX/UI

Madison Cozart: UX Researcher
Ethan Slick: UI Designer
Fatima Khan: UX Designer

smartmockups_liey9z4p 1

Breve

Aa
Montserrat
Ellipse 53
Color Palette
Typography
Tools Used
Miro logoimage 1Canva logoSlack logo
Problem
Solution

    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.

Deliverables
User Persona
PAIN POINTS

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.

GOALS

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.

KNOWN HABITS

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.

Introvert
Extrovert
Time Spent Online
Time Spent Outside
Confidence 
PREFERENCES

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.

ABOUT
bryson
Bryson Adler, 20
JOB TITLE
STATUS
LOCATION
Student
Single
Orlando, FL
Screen Shot 2022-10-16 at 11.34 1Screen Shot 2022-10-17 at 9.36 1
Ellipse 51

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.

Ellipse 51
Quantitative Research
Quantitative Research
Competitors
Low Fidelity Wireframes
High Fidelity Wireframes
  Users have different drink preferences and like having a variety of options available.
  Due to a lack of knowledge and resources, customizing coffee at home can be difficult.
  Finding new coffee places is difficult due to overwhelming amount of information.
  Having organized and easily viewable menu and ingredient list of locations would be helpful.
  Inconsistencies products at different locations make it unlikely to try new places.

  Key Insights from the Interviews

We interviewed 15 participants that helped us discover the purpose of visiting coffee shops and how we can make the experience better through this app.

The research questions we wanted to know included:

How frequently do they go to coffee shops and with what purpose?
What attracts these individuals towards coffee shops?
What helps this audience decide on how to make coffee or choose a drink?
How connected are they with mobile apps and how can we add to their experience in this application?  

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.

Battery
Wifi
Cellular Connection
8:15
Battery
Wifi
Cellular Connection
8:15
Battery
Wifi
Cellular Connection
8:15
Tale

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.

Design Overview

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.

Mask group
Moving Forward

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.

Frame 34417
Vector 1Vector 2
x-squarecheck-squareVectorFrame 34410Frame 34416Frame 34422
Line 11Line 13Line 12Line 14
Line 15
Aa
Helvetica
Color Palette
Typography
Designed in Figma
image 1
Project Requirements

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:

icon-check_mark

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.

icon-check_markicon-check_markicon-check_markicon-check_mark
Old Version
Vector
Vector
Vector

Made in Weebly
No update in 5+ Years

home 1Employee pop up 1img 4img 2 1where to find us 1bottom text 1
menu 1
icon-cursor

  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.

Line 88
Frame 34369
Moving forward

Updated website planned to go live July 2023

icon-calendarVector

Mobile version now in development

Vector
Vector
Line 11Line 13Line 12Line 14

Future updates once restaurant expands

Vector
Vector
Design Overview

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.

Lo-fi Wireframes

  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.

Untitled design(3) 111 111 2

It took users 15 seconds on average to open the menu!

icon-close

That's a 94% increase in speed!

icon-check_mark
Solution
Vector

  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.

message-1 1

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.

VectorVector

When conducting research on the current state of the site, I ran into some problems:

2023
UI

Welcome,
    to Shin Jung

Ethan Slick

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.

User Persona
Persona's ImageEllipse 1
Wesley Robbins
Age: 37
Location: Seattle, WA
icon-location_pin
Vector 2Union
About

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.

About Underline

Self improvement
Keeping himself active
Finding his next favorite dish

Motivations
Motivations Underline
Everyday Activities

Reads for at least an hour
Rides a bicycle most places
Attends school online

Everyday Activities Underline
Goals & Needs
Goals & Needs Underline

Further expanding his pallet
New experiences with new people
Traveling to different places

Frustrations
Frustrations Underline

Difficult finding good local spots
Hard navigating new places
High standards for food

Shakshuka
Tandoori Chicken
Paella
Favorite Foods
Device Usage Underline

“When it comes to having an enjoyable dining experience, first impressions really matter.”