House Tect コーポレートサイト

ORIGIN

発端

リフォーム、蓄電池、太陽光、害虫獣駆除、防除用品、地震対策など、異なるサービスを一つのサイトで扱う必要がありました。

IDEAL EXPERIENCE

目指した体験

利用者が自分の困りごとから入り、必要なサービスと企業情報へ自然に辿れる状態を目指しました。

ROLE

担当

フリーランスとして要件整理、情報設計、フロントエンド実装、WordPressへの組み込み、公開までを担当しました。

DECISIONS

判断

短納期に対応するため、過去の制作で整備していたコンポーネント設計を再利用しました。そのうえで、事業ごとに異なる情報を同じ構造へ無理に押し込まず、共通化する範囲と個別に設計する範囲を分けています。

IMPLEMENTATION

実装

利用者が各事業の特徴を視覚的に追えるよう、スクロール位置に連動して変化するUIと、波打つボーダーによる区切りを実装しました。動きを装飾として加えるのではなく、複数のサービス領域を切り替えながら読み進めるための構造として組み込んでいます。