住まいのシステムを紹介するLP型サイトを制作

長谷工なら想定内。

転職や家族構成の変化、子どもの成長、新たな趣味の始まりなど、暮らしはライフステージによって変化していくものです。本サイトでは、「長谷工なら想定内。」というメッセージを軸に、想定外の暮らしの変化にも柔軟に対応できる住まいの魅力を伝えるデザイン・コーディング制作を担当しました。WEB CMや登場人物のキャラクターを活用した親しみやすい世界観から、具体的な商品・システム紹介へ自然につなげることで、メッセージと機能価値の両面が伝わるデザインにしています。住まいの機能を単に説明するのではなく、暮らしの変化や生活シーンと結びつけて見せることで、ユーザーが自分自身の将来の暮らしをイメージしやすいサイトを目指しました。

• 文章が読みやすくなる、たっぷりとした余白設計。
• シンプルなデザインに手書きのあしらいを入れてページ全体に親しみ感をプラス。
• 情報量が多くなる商品詳細ページはモーダルウィンドウを活用してスッキリした見た目に。
• タップしやすく見た目にもわかりやすいボタンUIデザイン。
• ベージュ＋モノトーンのベースカラーで写真やイラストが際立つデザインに。

• スクロールやビューポートへの到達に応じて、要素がフェードイン/スライドインなどで表示されるアニメーションを導入し、ページに動きが生まれ、ユーザーの興味を引きつける。
• レイアウトをデバイス幅に応じて柔軟に変化させるレスポンシブ設計
• モバイル表示での操作性向上のため、ハンバーガーメニュー、リンク・ボタンのタップ領域の確保。
• CTAを複数箇所に設置し、下までスクロールしても行動導線を維持。
• 各セクションに意味あるHTML構造（semantic HTML）を使い、構造のわかりやすさや検索エンジンに対する理解性を確保。
• 画像サイズ・読み込みタイミング（遅延ロードやレスポンシブ画像切り替え）を調整し、初期読み込み〜スクロールでの負荷を抑えてパフォーマンス最適化。