LPの背景画像

WEBサイト

クライアント(仮想)
WEBサイト(PC, SP両方)
制作日
2025年10月 制作
制作期間
デザインカンプ / 約2週間
制作目的
課題
ターゲット
年齢層:30〜50代の家庭を持つ男女(主に夫婦)
主なニーズ:
・新築住宅を購入したい方
・リフォームを考えている家庭
使用ツール
Figma
URL
 
装飾画像

こだわりポイント

色味のこだわり画像

色味のこだわり

全体のカラートーンは、木や土を感じさせる
深みのあるブラウンを基調に設定。
「温もり」「安心感」「信頼性」を伝える
色味にすることで、
家づくりのパートナーとしての落ち着きと品格を
表現しています。

背景やボタンなどもすべてこのトーンで統一し、
ブランドイメージを視覚的に定着させる工夫を
しています。

アクセントとして一部に
ホワイトやオレンジを使用し、
視認性やアクションのしやすさにも
配慮しています。

アニメーションのこだわり

アニメーションは、
ユーザー体験を妨げない自然な動きを意識して
設計しています。

セクションの切り替えやボタンのホバー時に
ふわっと現れる演出を加えることで、
サイト全体の印象を柔らかく、
心地よいものにしています。

また、画像やコンテンツがスクロールに応じて
現れる演出を取り入れることで、
ユーザーが興味を持って読み進められるように
誘導しています。

あくまでコンテンツが主役になるよう、
アニメーションは主張しすぎず、
「気づかれる程度」の軽やかさを
大切にしています。

装飾画像

サイトビジュアル

PC版

PC版サイトビジュアル

SP版

SP版サイトビジュアル

他の作品を見る

LP

受講生募集を目的としたオンライン学習サービスのLP

Figma レスポンシブ

Webサイト

BtoBの新規顧客獲得の為のコーポレートサイト

Figma レスポンシブ

LP

スマートフォン向けLP(SPデザインのみ)

Adobe Illustrator Figma Photoshop

コーディング

商品紹介と新規顧客獲得の為のLP

HTML/CSS Figma JavaScript