KOMOREBI
「木漏れ日」から着想を得た、静けさと温度感のあるWebデザイン。 自然光、余白、柔らかなトーンを軸に、 見る人がゆっくりと世界観を感じられるブランドサイトを制作しました。
About the Brand
KOMOREBIは、国産間伐材を活用したライフスタイル雑貨D2Cブランドを想定した、架空のブランドサイト兼ECサイトです。「森の声を、暮らしへ。」をコンセプトに、環境意識が高く、本物志向の都市生活者に向けて、自然素材の温度感と日々の暮らしをつなぐWebサイトとして設計しました。
Our Approach
本プロジェクトでは、架空ブランドでありながら、実在するサービスとして成立することを意識しました。深青緑、生成り、木質系の低彩度カラーを中心に、余白を大きく取ったレイアウトを採用しています。また、商品紹介にはBento Gridを用い、情報を整理しながらもリズムのある画面構成を目指しました。見た目の美しさだけでなく、ブランド理解から商品購入まで自然につながる導線を意識しています
What We Created
・架空ブランドのコーポレートサイト兼ECサイトのUI/UXデザイン
・Top / About / Products / Story / Sustainability / News / Contact の7ページ構成
・商品一覧、ブランドストーリー、サステナビリティ情報の設計
・Bento Gridを活用した商品・コンテンツレイアウト
・スクロールフェードインやボタンホバーなどのマイクロインタラクション
・Figmaによるデザインカンプ制作と、基本的なWeb表現の設計
Result
完成したデザインでは、架空ブランドであるKOMOREBIの「静かで、心地よく、信頼できる」世界観を表現しました。余白、自然な配色、読みやすい文字組みによって、ブランドの誠実さと素材の魅力が伝わる構成にしています。また、企業理念を伝えるだけでなく、商品を比較しやすく、購入や問い合わせにつながりやすいECサイトとしての実用性も意識した作品になりました。
