Mama Q's Honey Co.
Web Design
HTML/CSS
Branding

INTRODUCTION

Mama Q's Family Honey Farm, as the name suggests, is a family owned honey manufacturer looking to make a name in the abstract world of beekeeping. The small business is run by the Quinlan family out of Palo Alto, CA.


DESCRIPTION

Redesign the brand and build a website capable of competing in a market that demands cheap honey.


Site Goals.
EASE OF USE
Make it easy for customers to purchase items quickly and efficiently.
PRICE COMPARISONS
Offer the ability to display products side by side.
PROCESS INFORMATION
Share the harvesting process so that customers are confident in the quality of their product.

User Goals.
AVOID STORE
Customers want to avoid a trip to the store by any means possible.
REOCCURING ORDERS
Customers want to purchase a product that they have ordered before without having to re-enter personal information.
HIGH QUALITY
Customers want the best quality for the lowest price.

INFO ARCH

The next step involved prioritizing information. The client needed a website that told their story and in the future sold their product. Recipe suggestions were an additional interest that ultimately did not make the final cut. Moreover, a utility navigation encourages customers to sign up for purchases and newsletters — which can help build a customer relationship.

Figure 1. Info Arch Sketch

WIREFRAMES

After settling on a wireframe that best organized the necessary content I began to fill in more specific information. The most important information being the products and their prices.

Figure 2. Wireframe Sketch

LOOK AND FEEL

I developed three different styles to provide the customer with options. While each style is different in appearance, they all share the same warm and inviting feelings.

Figure 3. Bee Concept Art
Figure 4. Logo Concept Art
Figure 5. Honey Jar Line Art

LOGO CONCEPTS

Similar to the look and feel, I provided the customer with four distinct logo options. Each logo attempts to incorporate different elements of the beekeeping world.

Figure 6. Logo Concept 1
Figure 7. Logo Concept 2
Figure 8. Logo Concept 3

Early Site Mocks.

HOME PAGE

Wireframes and low-fidelity compositions formed the final layout of the company site. These high-fidelity compositions were built in HTML in order to give the customer a functioning prototype.

Figure 9. Homepage
Figure 10. Product Page
Figure 11. Responsive Homepage

Conclusion.

PRODUCT SUMMARY

The primary goal was to design an inviting brand and make purchasing honey simple. After establishing what customers are looking for I was able to develop a site that caters to a wide array of requests. The client is currently in the process of implementing the new site into their business structure.

In the future I hope to assess customer reviews and implement changes based on their criteria.

Coming Soon

REFLECTION

This project gave me the freedom to create my own brand while at the same time design under the interest of a client. I learned that developing a brand takes time and requires many "behind the scenes" steps.

Client interactions will not always be perfect, and it is a designer's responsibility to create strong lines of communication.