top of page

GOODMARKET

ezgif-ProjectItnro-Opt-min.gif

Digital

Business & Media

2019

IOS-StatusBar-min.png

A social grocery
store app. 

anchor1
GoodMarket-PaperPlaneWeb.png

The Purpose.

Good Market is a fictional grocery store that needed a product for its grocery delivery system. Through the context of use scenarios, identifying business goals, a competitive analysis, a UI test of competitors' products, card sorting, sitemaps, user flows, wireframes, design patterns, I created a final prototype. This project is a reference library that I intend to host as a UI kit for other designers to use.      

Homepage-Opt-min.png
Feed-Optimized-min.png
Hamburger-min.png
Search-min.png

Card sorting experiments were a great way to find new approaches to the sitemap. I interviewed people to find out how they would categorize the everyday items in their kitchen.

GoodMarket-Bubble-Animation-Once.gif
GoodMarket-Website-Sitemap.png

Design.

Who doesn't like researching typefaces & color? Green is a color that connects well with the grocery industry, so I used it throughout the app.

Type.

Headlines - Franklin Gothic Heavy

5678

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789

!?@#$%^&*()_+/{}<>:;"',.~`|-\

Body - Franklin Gothic Medium

5678

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789

!?@#$%^&*()_+/{}<>:;"',.~`|-\

Color.

#00cb98

#84dcc6

#a5ffd6

GoodMarket-HTCONE-Mockup-min.png

Get live updates on the process of your delivery. Contact your personal shopper with the click of a button.

Track your

personal shopper

GoodMarket-Tracking-PersonalShopper.png
Zack MacTavish
  • icons8-strava-64
  • Black Instagram Icon
  • Black LinkedIn Icon
  • GitHub-Mark-64px
  • Dribbble Logo
bottom of page