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.

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.

menu.png
footer.png

AFTER

BEFORE

Guides page before
Guides page before

Guides page after
Guides page after

Contact page after
Contact page after

Guides page before
Guides page before

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

RESULTS

Bare Nutrition transformed from a

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