- サイト名
- WOOD TONE – by home yard
- ターゲット
- 20代～50代男女。自然派志向で、SDGsやエシカルな暮らしに
関心のある幅広い世代。
- コンセプト
- 「暮らしに寄り添うサステナブルな
家具ブランド」
自然素材の温もりと現代的なシンプルデザインを融合し、持続可能で環境にやさしいライフスタイルを提案。
- 工夫した点
-
・コーディング
JavaScriptとSwiperを活用し、動きのあるインタラクションを実装。特に、商品説明のPC版レイアウトでは、商品画像をホバーすると、商品説明がスライドして出てくる動きにこだわり、視覚的に楽しい体験を提供できるよう演出。
各デバイスに応じたレスポンシブ設計で、スマートフォンからPCまで快適に閲覧可能。
・デザインナチュラルカラーを基調とし、余白を活かしたミニマルで
落ち着いた雰囲気。
セクションごとにアーチ型のカットデザインを取り入れ、
ブランドの柔らかさと安心感を表現。
- 制作時期
- 令和7年 9月
- 制作時間
- 企画 / 情報設計：3時間
デザイン：15時間
コーディング：18時間
- 使用ツール
- HTML・CSS / JavaScript / Swiper / Figma / Photoshop
- 使用フォント
- ・タイトル / 英字：FuturaPT
モダンで洗練された印象を与え、ブランドイメージを強調。
・本文 / 日本語：NotosansJP
可読性を重視し、幅広いデバイス・環境に対応。
- 使用カラー
-
#D0D4C8 / #EAE6E1 / #9D9284
自然を感じさせるアースカラーを基調とし、サイト全体に
統一感と落ち着きを与える。
