和の美意識を取り入れた家具をテーマにしたコンセプトサイト「余白の住まい」を、インタラクティブなアニメーションを交えて制作しました。
1. コンセプト設計 サイト名の「余白」は、日本の伝統的な美意識である"間(ま)"を表す言葉から着想を得ています。物を詰め込まず、空間そのものに語らせる和の家具の魅力を、ウェブサイト上でも体感できるようにすることを目指しました。ターゲットは、シンプルで落ち着いた住空間を求めるユーザー層を想定しています。 2. 情報設計・体験設計 家具を単に商品として並べるのではなく、「住まいの中に置かれたときにどう空間と調和するか」を伝える構成にしました。スクロールやマウス操作に応じて要素がゆっくりと動くインタラクションを組み込むことで、紙のカタログでは表現できない"静けさのある動き"を演出しています。 3. ビジュアルデザイン 和の落ち着きを表現するため、生成りや墨色、ほのかな木の色を基調としたカラーパレットを採用しました。タイポグラフィは明朝体を主役に据え、文字そのものにも余白を持たせることで、視覚的にも"間"を感じられるよう設計しています。レイアウトは大胆に余白をとり、要素を詰め込みすぎないことを徹底しました。 4. インタラクション このサイトの大きな特徴は、アニメーションを"装飾"ではなく"世界観の一部"として扱っている点です。動きを過剰にせず、すっと現れてふっと馴染むような、静謐さを保ったトランジションを意識して実装しました。