DETAILS
制作年月
2026年1月
担当範囲
コーディング
制作期間/ページ数
5日/1ページ
ポイント
サイト内のインタラクションを全てゼロから設計・実装しました。
単に動きを加えるのではなく、建築会社が持つ「空間設計」という価値をWeb上でも体験として伝えることを目的に設計しています。
日常生活の観察からヒントを得ることを大切にし、ボタンのインタラクションは建物の扉を開いて次の空間へ進む体験をモチーフに設計。
機能的なUIとして成立させるだけでなく、ユーザーがサイト内を移動する行為そのものを建築体験の一部として感じられることを目指しました。
[ Basic認証 ]
ユーザー名：chiso
パスワード：chiso
FEATURED ANIMATION
スポットライトホバーアクション
ホバー対象へ視線を強く集中させるため、他の同じ要素ををブラー処理することにより強調されるよう実装。 ホバーされていない要素のブラー処理で、文字がギリギリ可読できるかつホバー対象が強調されるギリギリを調整。
引き戸風ボタンホバーアクション
建築系コーポレートサイトなので、何か建築に紐つくアニメーションを思考。 一枚の引き戸ではなくた多枚数引き戸風にすることにより、ダイナミックかつ目を引くような実装。
開き戸風ボタンホバーアクション
建築系コーポレートサイトなので、何か建築に紐つくアニメーションを思考。 文字はあえて扉には追従しないことにより、視認性をわずかながら上げられるよう考慮。
NEXT
次はどれ見る？
ポートフォリオサイトへのご訪問
誠にありがとうございます。
ホームページ制作に関するお問い合わせはXのDM、当サイトのお問い合わせフォーム、メールより承っております。どうぞ、お気軽にご相談ください。
