Green Goodness

CLIENT

Bare Nutrition

SUMMARY

I re-designed the site to create a fresh, modern feel consistent with the brand

MY ROLE

UI Design

UX Design

barenutritionhomeMacbook.png

PROBLEM STATEMENT

The look of the Bare Nutrition site did not reflect the brand identity which focuses on clean and simple living.

APPROACH

Established a uniform theme across the site. Emphasized visual elements and interactive features.

notes2.jpg
notes.jpg

EVALUATION

  • Poor foreground/background separation

  • Overabundance of text

  • No obvious call to action

  • Ineffective font styling

  • Lack of eye-catching content

GOALS

1

Replace static, monochromatic elements with images, accent color, and dynamic features to create a more exciting browsing experience.

3

Generate interactive elements such as links and forms, and prominently display social media content to maximize customer engagement.

2

Reduce and redistribute text and correct styling inconsistencies to establish visual hierarchy.

4

Update all downloadable and print content in accordance with the new style guide.

homepage.png
homepageFooter.png
menu.png
footer.png
homepage2.png

AFTER

BEFORE

Guides page before
Guides page before

press to zoom
Guides page after
Guides page after

press to zoom
Contact page after
Contact page after

press to zoom
Guides page before
Guides page before

press to zoom
1/10

Before and after you can see a major change in readability and theme consistency.

Customers can easily browse content and clearly find ways to interact with the company.

wireframe.jpg

WIREFRAMING

wireframe2.jpg

NEW STYLE GUIDE

Style Guide.png

RESULTS

Bare Nutrition transformed from a

drab, forgettable site to one with a fresh eye-catching look.