# Hani Soju: 288 stockists mapped across 15 regions

Source: https://www.lucidmedia.co.nz/case-studies/hani-soju/

\+ Hani Soju

An 18+ compliant launch site built to match the brand's energy

![Hani Soju: 288 stockists mapped across 15 regions case study](https://www.lucidmedia.co.nz/images/case-studies/hani-soju-desktop.webp)

Client

Hani Soju

Industry

Food & Beverage

Services

Web Design, Custom Development, SEO

01

## Challenge

Hani Soju is a New Zealand drinks brand launching Korean-style flavoured soju in five flavours, stocked in bottle shops around the country. The brand arrived with a strong design concept already shaped by their creative team, and the brief was to turn it into a live website that carried the same energy on screen.

Two things made this more than a standard brand build. As an alcohol brand, the site needs an 18+ entry gate before anything else happens.

And because Hani sells through retailers rather than online, the most valuable thing the site can do is answer one question fast: where can I buy it near me.

02

## Approach

We built the site on Astro and Tailwind and implemented the concept page by page, with a GSAP animation system that gives it the after-dark feel the brand wanted: a split-text hero, smooth scrolling, magnetic buttons, and a five-flavour bottle carousel where the background gradient shifts with each flavour. The 18+ age gate does real work here: it locks the page until a visitor confirms their age, and the hero animation only fires once the gate is dismissed.

The stockist finder puts 288 retail locations across 15 regions on an interactive map, with text search and a use-my-location option that sorts stores by distance. Behind it sits a re-runnable Python pipeline that reads the client's order spreadsheet and resolves every store's address and coordinates automatically, so the list stays current as new stockists come on board.

We finished with a full SEO layer, including structured data covering all five flavour variants and an llms. txt file so AI search tools describe the brand accurately, and after a round of client feedback we rebuilt the mobile hero as its own layout rather than a squeezed-down desktop.

03

## What we delivered

### Brand Website

- Concept-to-code build
- Five-flavour carousel
- Rebuilt mobile hero

### Age Gate & Access

- 18+ entry gate
- Page locked until confirmed
- Gated hero animation

### Stockist Finder

- 288 mapped stores
- Geolocation distance sort
- Interactive map

### SEO & Data

- ProductGroup schema
- llms.txt for AI search
- Stockist data pipeline

Built with

Astro Tailwind CSS GSAP Animation Leaflet Maps Schema.org Vercel

04

## Results

288

Stockists Mapped

15

New Zealand Regions Covered

5

Flavours Showcased

05

## The work

drinkhani.co.nz

![Hani Soju: 288 stockists mapped across 15 regions website screenshot 1](https://www.lucidmedia.co.nz/images/case-studies/hani-soju-desktop.webp)

![Hani Soju: 288 stockists mapped across 15 regions mobile screenshot 2](https://www.lucidmedia.co.nz/images/case-studies/hani-soju-mobile.webp)

[View the live site](https://drinkhani.co.nz/)

## Explore more case studies

[View all case studies](https://www.lucidmedia.co.nz/case-studies/)

Real Estate

### [A T Realty Ray White: 155% more organic clicks](https://www.lucidmedia.co.nz/case-studies/at-realty-ray-white/)

Logistics

### [GetATaxi: 643% organic traffic growth](https://www.lucidmedia.co.nz/case-studies/getataxi/)

Automotive

### [Tiger Tint & Wrap: 323 enquiries in four months](https://www.lucidmedia.co.nz/case-studies/tiger-tint/)

## Want results like this for your business?

An 18+ compliant launch site built to match the brand's energy. Tell us about your business and we will show you what we can do for you.

Free consultation & quote

Response within 24 hours

No obligation to proceed

[info@lucidmedia.co.nz](mailto:info@lucidmedia.co.nz) [+64 27 582 4369](tel:+64275824369)