cover_thumb.jpg

Yoghurt Site | UI

I collaborated with a team of creative directors, art directors, product managers, and developers to create a website for an Australian yoghurt brand in Colorado. My role was to design the mobile version of the site along with the e-commerce Shopify page for brand swag. I also helped develop a design system through a UI kit.

yoghurt_desktopfeature.png
UI Kit

UI Kit

I created this kit to help designers/developers be consistent in the UI across the website.

noosa_ui-kit.png
home

home

The challenge was to share the history and love of this wholesome pure yoghurt. Our client wanted to preserve the brand’s friendly and playful look but create a clean site that shared the brand’s values and rich story.

yoghurt_desktop_home1.png
yoghurt_desktop_home2.png
yoghurt_desktop_home3.png
Swag Shop

Swag Shop

I designed a simple shop page that kept the look and feel of the rest of the site. The quick shop feature allowed consumers to view products efficiently during their experience.

yoghurt_desktop_swagshop1.png
yoghurt_desktop_swagshop2.png
yoghurt_desktop_swagshop3.png
Mobile

Mobile

This was an extremely collaborative project. My role was to take the original design/vision and make it responsive. I designed the mobile nav/footer and simplified each tile and section of the page.

home

home

From top to bottom, we see product highlights, new products, a snippet of the story, and more tiles to share the product story. 

our story

our story

There was a need to share four main parts to the brand story, how it’s made, philosophy, values, and their history. This snippet illustrates the making of the yoghurt, the ingredients they use and how wholesome every product is because of how it’s made.

Products and Location

Products and Location

This page highlights products offered in the many unique flavors and where a customer can find them in the nearest store or market.

swag shop

swag shop

This is the only part of the site that a customer can shop. A customer can click on any product to discover details and add to their shopping cart.