Fictional brand, built as a showcase

AOKAZE青風

Clean water and air, passed on to the next generation.

Open the live site
Sector
Environmental engineering
Motion idea
Grey to blue

A water, air and energy engineering firm from Kitakyushu, a city whose sky was once grey with smog. The site tells that story in one image: as you scroll, the haze lifts, the sky turns blue and the year runs from 1965 to today.

What we built

  • WebGL that dissolves smog off a photograph with scroll and cursor
  • A year counter and place label that follow the story
  • Product catalogue with shareable filters and search
  • Event pages with a calendar file and a map
  • AOKAZE (1/3)
  • AOKAZE (2/3)
  • AOKAZE (3/3)
Colour
#0f2537#00a3af#f4f6f7
Type
IBM Plex Sans · IBM Plex Sans Thai · IBM Plex Mono
Stack
Next.js 16React 19TypeScriptTailwind CSS 4GSAPLenisOGL (WebGL)next-intl
Lighthouse
92–95Mobile100Desktop
Next caseKUSABI

Have something you’d like us to build?

Tell us about it: an AI product, an AI Solution or an IT Solution project.

Contact us