多種多様なヘアケア・スキンケアブランドを展開する、ボトルワークス株式会社のコーポレートサイトです。
全体を構成するのは、洗練されたライトグレージュを基調とし、漆黒の文字で力強く引き締めたモダンでスタイリッシュな配色です。ミニマルな画面設計が、多角的に展開される各コスメブランドの際立つ個性を美しく引き立てています。
企業のアイデンティティを視覚的に翻訳した秀逸なビジュアル展開が特徴的です。各ブランドのキービジュアルを単なる四角形ではなく、ボトルのシルエットや有機的なシェイプでマスクする大胆な手法を採用。社名に込められた哲学を直感的に伝えると同時に、極細のラインで引かれた整然としたグリッドレイアウトの中に、心地よいリズムと美しさを生み出しています。
さらに、スクロール体験を拡張するダイナミックなタイポグラフィの演出も秀逸です。開始時のモーションや、画面を横断するようにループするテキストが静的なレイアウトに劇的な躍動感をもたらしています。
画面を読み進める動きに呼応して、文字がアニメーションする仕掛けやホバーアクションが、まるで化学式を構築していくかのような印象を与え、「 “ときめきの方程式”で、時代をゆるがす。」 という世界観をサイト全体で貫いています。
化粧品という感性を揺さぶる商材の魅力と、市場を牽引する企業の勢いを、卓越したデザインへと落とし込んだコーポレートサイトです。
