← 制作実績の一覧へ

WORK / 26 コンペ提案 · 設計・デザイン提案

LifeRing コーポレートサイト

消臭という機能を、暮らしの心地よさへつなげる。

担当・制作範囲
要件整理・上流設計・UI設計・ワイヤー・PC TOPデザイン比較。EC実装・商品開発・機能検証・公開後の成果測定は含みません。
使用ツール
Figma
制作区分
コンペ提案
柔らかなA2案のFV
柔らかなA2案のFV拡大して見る ↗

01 / OVERVIEW

背景と、制作の考え方。

消臭繊維の商品価値を、機能の説明と日常の場面の両方から伝えるコーポレートサイトのTOPを提案しました。ブランドの背景、技術、商品、利用シーンを整理し、オンラインショップへの入口へつなげています。

02 / DESIGN NOTES

機能を知る前に、生活の変化を想像する。

消臭の仕組みだけでなく、気になるニオイから解放されたときの生活を写真やコピーで表現しました。感覚的な入口の先にブランドの背景や技術の情報を置き、印象と理解を結びつける構成です。

価値を風・写真・余白へ翻訳する説明
価値を風・写真・余白へ翻訳する説明拡大して見る ↗

03 / DESIGN NOTES

ブランドの物語から、商品へ進む。

開発の背景、技術、商品ブランド、利用シーンの順に情報を整理しました。コーポレートサイトとしてブランドを知る流れと、商品を探してショップへ進む流れを同じTOPの中で扱っています。

ブランド背景を段階的に伝える
ブランド背景を段階的に伝える拡大して見る ↗

04 / DESIGN NOTES

A2案は、風の流れをページのつながりに。

淡いグラデーションと風を思わせる線、少しずらした写真配置で連続する画面を考えました。白い面や文字のまとまりを重ね、柔らかな雰囲気の中でも情報を区切る表現です。

商品ブランドへの入口
商品ブランドへの入口拡大して見る ↗
ショップへの遷移を案内
ショップへの遷移を案内拡大して見る ↗

05 / DESIGN NOTES

F案は、写真と大きな文字で場面を切り替える。

全幅の写真と大きなタイポグラフィを使い、スクロールに沿って印象が変わる別案を制作しました。共通の情報を、ゆったり読む構成と写真の強い構成の両面から比較しています。

写真を大きく使った別案のFV
写真を大きく使った別案のFV拡大して見る ↗