Prompt: Design a website for a local butcher
Kickoff
Old Town Market is a local butchery in the DFW area, centrally located in the city of Flower Mound, Texas. The shop has been open since 1977 and has been a staple to the community's weekly grocery needs. This redesign was based on a current site that showcases an updated modern twist to their hometown feel.
Project Vision
To redesign the site, bring it to 2022 and showcase a more modern browsing experience while keeping the local shop charm.
Challenges
Cluttered Design
Confusing Navigation
Outdated photos and Copy
USEFUL QUESTIONS
What is the main goal of the re-design?
What do the primary users need the most?
Which users are most important to the model?
What challenges could we face moving forward?
Who are the competitors?
EMPATHY MAPPING
Says
“The website should have all the information I need”.
Does
"Struggles with picking out different products continuing to purchase the same items".
Feels
"Distrustful of process buying products in person".
Thinks
"There are many options but i always pick the same things. I wish I could browse options before buying".
pRIMARY USER
Meet Josue, a 31 year old aircraft mechanic who likes to grill and try new recipes for his family. Josue is a busy family man in search for an intuitive website navigation that enhances his favorite local butchery experience.
COMPETITIVE ANALYSIS
I looked at several potential competing companies in the area, most of which are major grocery chains. I re-designed the website with a more modern feel to it in order to enhance the boutique butcher feel. The website re-design is dedicated to Old Town Market located in Highland Village, Texas, and is a staple in the community for many years.
The majority of the similar products sold by the competitors are not local and do not sport the home-town feel. Old Town Market prides itself on selling local products for maximum freshness and sells small-batch seasonings for the retail options. non have adopted this technology. However, the main differences I noticed in my analysis are:
Experience
Brand Identity
Options and Variety
iteration
After creating a prototype from low fidelity wireframes I constructed a 7 question survey for the participant to answer throughout the usability study. Asking him to run through both websites to gain useful feedback for the next design iteration.
Challenge #1
Eliminating Clutter
A key factor when trying to gain a userbase is to create a screen void of clutter and conflict. If the user is bombarded with adds and information that is useless to their end goal they are more likely to search for a different option altogether.
Challenge #2
A Familiar Experience
While this website's primary audience is intended to be local residents and grill enthusiasts. I also wanted to be able to incorporate a younger audience while educating both demographics on the variety of locally sourced products. I feel that this app has achieved just that.
Challenge #3
Staying Focused
The UI consists of bold red, black, and white tones with hints of grey. Using color sparingly throughout the website's interface allows for a more modern design and feel to draw the attention and focus of the user.
COMPARE & CONTRAST
Before
Home Page
After
Home Page
Before
Products Page
After
Products Page
Before
Seasonings Page
After
Seasonings Page
Style guide
Combining a bold color scheme came from wanting to express a more modern and minimalist design to the re-designed website. The focus was to showcase just how we can bring the old website to a more engaging experience, bringing the focus to the product and showcasing the options within the website.
#121212
#EC1C24
#A91F23
#FBFBFB
primary font
Helvetica Neue | 45 | Regular
buttons
Custom Arrows