Get an estimate
All projectsBrand & e-commerce website · UX/UI design

A BRAND-LED SHOPPING EXPERIENCE

Nossa Cachaça.

A craft spirit with a story to tell. A website that connects its origins, products and recipes in one considered shopping experience.

Explore the screens
Nossa Cachaça — brand and e-commerce website, with large product-selection and product-detail interfaces, a photographic homepage and cream-and-olive sugarcane graphics

01 / E-COMMERCE WEBSITE UX/UI

A clear path
to the product.

The catalogue organises products with category controls, search and consistent cards. The product page shifts the focus to bottle photography, essential information and purchasing controls.

We kept those practical actions within the same cream-and-olive identity as the brand pages. Recipe content connects the products with ingredients and preparation, giving visitors another way to explore the range.

Product detail — photography, essential information, quantity and purchase actions
Product detail — photography and purchasing context
Product selection — the spirit, barware and ingredients in a shared card system
Product selection — a consistent card and shopping-action system

02 / BRAND STORY & RESPONSIVE DESIGN

More than
a product grid.

The homepage, history and production pages introduce the place and craft behind the product. Large photographs and short editorial sections create a different rhythm from the shopping screens, with shared typography and navigation connecting them.

On mobile, the opening and product selection become a focused vertical sequence. The identity remains recognisable without shrinking the desktop page into a narrow canvas.

Production story — sugarcane photography paired with a clear editorial explanation
Production story — photography and editorial context
Mobile homepage — the photographic opening and navigation adapted to a narrow screenMobile product selection — a focused product card and readable shopping actions

EXPLORE THE DESIGN

Explore the complete visual system.

Ten focused previews: the homepage, shop, product pages, recipes, brand storytelling and mobile layouts. Open any screen for a closer look.

Homepage — photographic introduction, brand navigation and a route into the shop

Homepage — photographic introduction, brand navigation and a route into the shop

01 / 10

Choose a preview or use the arrows. Open a screen for the complete layout.

Homepage — photographic introduction, brand navigation and a route into the shop

01 / 10
Original image

BRAND WEBSITES & E-COMMERCE

Give the product
its own character.

Planning a product website or online shop? Tell us about the brand, the range and the experience you want to create. We’ll suggest a scope and estimate.

Get a project estimateWebsite design & development