毎週私が見つけたデザインの参考にしたい素晴らしきWebサイトをまとめ、発信して行く予定です。
今週も魅力的なWebサイトは数多くありましが、その中から5つのサイトを厳選してお届けします。
個人的な感想も交えながらピックアップしていきますので、Webサイトの提案やデザインの実制作に役立ててください。
1. Hybris Mechanica Calibre 184(スイス時計ブランド)
https://hybrismechanicacalibre184.jaeger-lecoultre.com/en
19世紀前半創業の高級時計マニュファクチュールであるJaeger-LeCoultreが提供している「Hybris Mechanica Calibre 184」の公式ブランドサイトです。
ラグジュアリーなテイストと3Dモデルを採用したヒーローイメージを軸に、無駄のない洗練されたミニマルデザインとスクロールアニメーションが繰り広げられます。
「Hybris Mechanica Calibre 184」のプロモーション動画も閲覧でき、微細なパーツの数々とBGMのインタラクションにより高級感ただよう最高級のスイス時計を体感することができるようになっています。
(個人的には、動画だけでなくサイト全体でもBGM再生してくれた方が、より没入感を味わえるのになと感じます。)
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️
2. PEOPLE TRIP GUIDE SHIBUYA(渋谷シティガイド)
https://people-trip-guide-shibuya.jp/
人を起点に地域の魅力を伝えるシティガイド(渋谷区が題材)で、渋谷に詳しい13名がひとつのテーマを決め、そのテーマと親和性のある3名のおすすめ「渋谷ピープル」を紹介するサイトです。
ファーストビューから渋谷の風景が描かれたイラストと巨大なタイポグラフィで展開され、ラインアートと全体的に大きめのスタイルによって柔らかな雰囲気かつモダンなテイストとなっています。
渋谷という街を「人」を軸に探索できるのは面白く、親和性のある「つながり」から人々の温かみや渋谷という街の特性を同時に感じることができる、独自性の高いコンテンツが魅力的ですね。
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️
3. YAR Web Studio(ポートフォリオ)
独自性の高いアニメーションやウェブサイト開発をおこなう「YAR Web Studio」のポートフォリオサイトです。
箱に詰まった作品たちがスクロールによって展開されていき、その全てが3Dアニメーションによって幻想的な雰囲気で紹介されています。
螺旋状に作品が散りばめられアニメーションする様は気持ちよく、箱から飛び出してくるオモチャのような楽しげな雰囲気も同時に感じることができます。
ビジュアル：⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️
4. まるもち家(京都の和菓子店)
京都にあるお餅の和菓子店「まるもち家」の公式サイトです。
無駄なものを削ぎ落としたミニマルデザインと、美しい商品が並べられたビジュアルイメージが、繊細なアニメーションによってシズル感を演出しています。
随所に見られるマイクロインタラクションも心地よく、丁寧なあしらいの数々は商品のクオリティを底上げしているように感じます。
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️
5. arrowww(UXデザイン＋開発スタジオ)
モントリオールを拠点とするUXファーストデザイン・カスタムソフトウェア開発スタジオである「arrowww」の公式サイトです。
制作実績がフワッと心地よくアニメーションされ、名前の通り「矢印」をモチーフにローディングやカーソルなどがあしらわれる演出に遊び心を感じます。
サイトを読み込んだときのテキストモーションもユニークで、文字がギュッと詰まっているにも関わらず、柔らかいタッチのアニメーションを入れることで窮屈さを感じず気持ちよくスクロールでき、作品のビジュアルに目が止まる設計になっています。
ビジュアル：⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️
