Codropsのチュートリアル用に制作された架空の建築スタジオ、ATELIER NORTHのデモサイトです。
温かみのあるウォームベージュを基調とし、空間を引き締めるダークグレーと鮮やかなブルーを効かせたコントラストの美しい配色。建築というテーマを視覚的に体現する大胆なレイアウト構成が根底に流れており、見出しに採用された力強いタイポグラフィ「Anton」の極太でインパクトのあるシェイプが、建築スタジオらしい堅牢さとモダンな美しさを画面全体にもたらしています。
静的なレイアウトに対して、堅牢なデザインとの対比が美しいユーザーの操作と連動する高度なアニメーション実装。スクロールに呼応してテキストがスタイリッシュに出現するエフェクトが組み込まれており、洗練されたレイアウトの中に心地よい躍動感を与えています。
情報をただ配置するのではなく、現れる「間」をデザインすることで、ユーザーの視線を自然に惹きつける構成を採用しています。
さらに目を引くのが、中盤に配置されたメンバー紹介エリアのギミックです。巨大なタイポグラフィが配置された背景が固定されたまま、その上を鮮やかなブルーのメンバーカードUIが流れるように交差する、ダイナミックなエフェクトが仕掛けられています。
建築物のような力強い文字の配置と、スクロールに連動するシームレスなユーザー体験が見事に融合した、技術力と高いデザイン性が光るサイトです。
