架空のブランド(ショーケースとして制作)

AOKAZE青風

きれいな水と空気を、次の世代へ。

サイトを開く
業種
環境エンジニアリング
モーションの発想
グレーから青へ

かつてスモッグで空が灰色だった北九州から来た、水・空気・エネルギーのエンジニアリング会社。スクロールするとかすみが晴れて空が青くなり、年が1965年から今日へと進む、一枚の絵で物語を伝えるサイトです。

つくったもの

  • スクロールとカーソルで写真からスモッグを溶かすWebGL
  • 物語に合わせて変わる年号と地名
  • 共有できるフィルターと検索付きの製品カタログ
  • カレンダーファイルと地図付きのイベントページ
  • AOKAZE (1/3)
  • AOKAZE (2/3)
  • AOKAZE (3/3)
色
#0f2537#00a3af#f4f6f7
書体
IBM Plex Sans · IBM Plex Sans Thai · IBM Plex Mono
技術
Next.js 16React 19TypeScriptTailwind CSS 4GSAPLenisOGL (WebGL)next-intl
Lighthouse
92–95モバイル100デスクトップ
次の事例KUSABI

つくりたいものはありますか

AIプロダクト、AIソリューション、ITソリューション、どんなご相談でもお聞かせください。

お問い合わせ