Nonnie

Non-Alcoholic Beer Brand Website

Laptop screen displays a webpage about nonnie, an alcohol-free beer, with a background image of people walking on a beach at sunset and a can of nonnie beer in the foreground. Potted plants sit on either side of the laptop.

Overview

A website design for an independent non-alcoholic beer brand, built from the ground up using only a foundational brand guide. The brief called for something that felt genuinely warm and approachable, the kind of site that makes you feel like you're hearing a good story over a cold drink.

An advertisement for nonnie beer featuring a can on a beach with a sunset in the background, a group of people walking, and several cans of nonnie beer on a shelf, highlighting its social and adventurous appeal.

Overview
A website design for an independent non-alcoholic beer brand, built from the ground up using only a foundational brand guide. The brief called for something that felt genuinely warm and approachable, the kind of site that makes you feel like you're hearing a good story over a cold drink.

The Challenge
The client arrived with the essentials - a logo, colour palette, and typography - but needed a full digital presence built around their identity. The heart of the brief was clear: the design had to carry the spirit of a family business and make visitors feel the personality behind the product, not just see it.

Visit the Website
A promotional webpage for Nonnie craft beer featuring a cluster of beer cans and detailed information about the product, brewing process, and ingredients.

The Process

Working as part of the creative team and with guidance from the Creative Director, I used Relume AI to generate the wireframe structure, which allowed us to move quickly into the visual design phase. AI-generated product imagery was integrated to bring the brand to life visually, and the full UI was designed in Figma — translating the brand guidelines into a cohesive, engaging digital experience.

The Result

The client's vision was met at the first draft stage, a testament to how closely the team interpreted the brief. The final design strikes a balance between friendly and cool — approachable enough to feel human, polished enough to stand out in the non-alcoholic drinks market.

Tools Used

Figma · Relume AI · AI Image Generation