Hani Soju
A launch site for a Korean-style soju brand, with a nationwide stockist finder
The Results
288
Stockists Mapped
15
NZ Regions Covered
5
Flavours Showcased
The 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.
Our Solution
- 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.
What We Delivered
01 Brand Website 3 deliverables
- Concept-to-code build
- Five-flavour carousel
- Rebuilt mobile hero
02 Age Gate & Access 3 deliverables
- 18+ entry gate
- Page locked until confirmed
- Gated hero animation
03 Stockist Finder 3 deliverables
- 288 mapped stores
- Geolocation distance sort
- Interactive map
04 SEO & Data 3 deliverables
- ProductGroup schema
- llms.txt for AI search
- Stockist data pipeline
Our Web Design Process
A proven methodology that delivered results
Discovery & Strategy
We started with understanding your business goals, target audience, and competitive landscape to inform the design direction.
UX/UI Design
We created a user-centred design focused on conversions, with intuitive navigation and compelling visual hierarchy.
Development & Build
We built a fast, responsive, SEO-friendly website using modern technologies and best practices for performance.
Launch & Optimisation
After rigorous testing, we launched and monitored performance, making data-driven optimisations to maximise results.
Our SEO Process
The step-by-step approach behind the outcomes
Keyword Research
We identified high-value keywords targeting your ideal customers, analysing search intent and competition to build a strategic keyword roadmap.
Technical SEO Audit
We conducted a comprehensive technical audit covering site speed, crawlability, indexation, and Core Web Vitals to ensure a solid foundation.
On-Page Optimisation
We optimised meta titles, descriptions, headings, and content structure to align with target keywords and improve search visibility.
Link Building Strategy
We developed a strategic link building campaign to increase domain authority and improve rankings through quality backlinks.
Our Automation Process
How we turned strategy into measurable wins
Process Mapping
We mapped your existing workflows to identify automation opportunities and inefficiencies to eliminate.
Integration Design
We designed reliable integrations between your tools and systems, ensuring data flows correctly.
Implementation
We built and tested automated workflows, ensuring reliability and handling edge cases gracefully.
Monitoring & Maintenance
We set up monitoring to ensure reliability and provide ongoing maintenance to keep systems running smoothly.
Built with
The finished website
A closer look at the build
Want results like this for your business?
A launch site for a Korean-style soju brand, with a nationwide stockist finder for Hani Soju. Tell us about your business and we will show you what we can do for you. Backed by our results guarantee.
Related Case Studies
More results from similar projects
