cover_thumb.jpg

Yoghurt Site

I collaborated with a team of creative 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

Creating this UI kit was essential to help designers and developers build consistent components and patterns through 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 express their brand’s playful identity through a clean and easy to browse website 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 browse products and add to their shopping cart more efficiently.

yoghurt_desktop_swagshop1.png
yoghurt_desktop_swagshop2.png
yoghurt_desktop_swagshop3.png
Mobile

Mobile

My role was to translate the original concept into a mobile version of the site simplifying 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.