Grilled Salmon

Fare Fine Foods

Project: Re-design a website for a small local catering and meal service business 

Client: Fare Fine Foods 

Goal: Re-design the FFF website to optimize the user experience and gain more customer purchases. 

Note* This is a work in progress, please enjoy the process as much as I am! 

Introduction

Fare Fine Foods is a local business that focuses on healthy organic meals that are freshly prepared and then flash frozen for people to take home.

After conducting an interview with the business owner about the goals of her business and what she felt was working and what wasn't, I went ahead and did a bit of exploration of my own on the site. 

Logo Re-Design

Bringing new life to the old logo. 

Screen Shot 2022-02-07 at 10.27.07 PM.png
fflg.png

Heuristic Evaluation 

Examining the site for areas that need improvement. 

Upon exploring the website I found that I could make some improvements to the ordering flow and process. For example, when I went to check out the site's menu, nowhere could I add anything to my cart or make an order. 

hv.png

The prices were available as well as the descriptions but to place an order or add something to my cart I had to go to the "Order Online" tab within the navigation bar. 

online.png
ps.png

Wireframes

Sketching a new direction for the website. 

I drafted up some wireframes with multiple options to how the home page could work

IMG_2957.heic
IMG_2958.heic

Wireframes Lo-Fi 

Iterating on a design for the website. 

I then drafted my wireframes into lo-fi versions for the owner. After completing some user testing these two were anonymously the most valuable to people. Version 2 was just a different layout than version 1 but version 1 seemed to feel the most familiar to people. 

After some further discussion, I decided the best course of action was to remove the home page entirely. For this design and the value proposition, it seemed most important to showcase the menu so the home page was removed from the navbar. I also added a page dedicated to catering in the final hi-fi version navbar.

Version 1

Home PageLo.png

Version 2

Home PageLofi.png

Design Changes

Before and after.

ba.png

Old page

screencapture-farefinefoods-ca-menu-2022-03-23-14_03_57 (1).png

New home page

hr.png

Pop out menu and order card

Menu.png

The old our vision page

screencapture-farefinefoods-ca-our-vision-2022-02-02-20_33_48.png

The new our vision page

Our Vision.png

Old blog page

screencapture-farefinefoods-ca-blog-2022-02-02-20_41_56.png

New blog page

Blog.png

Old contact page

screencapture-farefinefoods-ca-contact-us-2022-01-27-16_00_04.png

New contact us page

conact.png

Information in order of importance

I added a page dedicated to catering. A place customers can go if they are only looking for food for an event.

catering1.png