- INDUSTRY
- 日用品 / オーラルケア
- ROLE
- 要件整理 / サイト設計 / デザイン / コーディング / CMS構築
- STACK
- HTML / CSS
- JavaScript
- 静的サイト構成
- レスポンシブデザイン
OVERVIEW
プロジェクト概要
薬用歯磨き剤ブランドの公式ブランドサイトを制作しました。商品スペックの列挙ではなく、成分技術の背景にある物語を伝えることを軸としています。
01 — サイト設計
Concept / History / Mechanism / Product という流れで構成し、ブランドの起源から技術の仕組み、製品ラインナップへと自然に読み進められる構造としました。
- ブランド起源を語るConceptセクション
- 技術史をたどるHistoryセクション
- 独自成分の作用を図解するMechanism
- 3ラインナップの製品展示
02 — 制作ポイント
科学的な内容を一般消費者に伝えるため、専門用語を図解に置き換えて説明しました。
静的サイト構成により表示速度を確保し、キャンペーンや新商品情報を随時追加できる形としています。
- 専門的な成分作用の図解化
- 静的構成による高速表示
- Topics / News枠の設置
- スマートフォン最適化
SCREENSHOT
ページ全体。
FULL PAGE — スクロールしてページ全体を確認できます
RESULTS
成果。
技術的な独自性を持つ商材に対し、物語構成と図解によって一般消費者にも伝わるブランドサイトとしました。
