毎週私が見つけたデザインの参考にしたい素晴らしきWebサイトをまとめ、発信して行く予定です。
今週も魅力的なWebサイトは数多くありましが、その中から5つのサイトを厳選してお届けします。
個人的な感想や、使用されているフォントの紹介も交えながらピックアップしていきますので、Webサイトの提案やデザインの実制作に役立ててください。
1. Advanced Team(クリエイティブデザインスタジオ)
ウクライナにあるクリエイティブデザインスタジオ「Advanced Team」のコーポレートサイトです。
ユーザーの行動変化など分析に基づいたソリューションを数多く手掛けており、ユニークなインタラクティブデザインに長けているため、サイト内のいたる所で心地よいインタラクションが体験できるようになっています。
タッチすると広がるカラフルな波紋、スクロールすると新しい空間へ移動するアニメーションなど、奥行きがありつつ神秘的な世界観は、見ていてワクワクすること間違いなしです。
■採用フォント わかりやすくて読みやすい、シンプルな美しさを兼ね備えている「HelveticaNeueCyr」が採用されています。
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️⭐️
2. MASAHIROMARUYAMA(メガネブランド)
https://www.masahiromaruyama.jp/
デザイナー丸山正宏が描く左右非対称なデザインが特徴のメガネブランド「MASAHIROMARUYAMA」の公式サイトです。
サイト自体の操作性に関しては少し分かりづらいのですが、左右非対称で独創的なメガネフレームのデザインを、360度好きな角度からモデルを操作することで視認できる機能が実用的でありがたいです。
ユニークでおしゃれな形状のデザインが多数あるので、気になる方は自分のキャラクターに合った好みのフレームを探してみてはいかがでしょうか。
■採用フォント 和文には、Mac OS Xに標準搭載されており、都会的でクールなイメージのである「Hiragino Mincho Pro」が採用されています。 欧文には、モダンで気品のあるBaskervilleからの派生で汎用性のある「Libre Baskerville」が採用されています。
ビジュアル：⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️
3. 15 years of MELON FASHION(ファッション企業)
https://15years.melonfashion.ru/en/
5カ国・4ブランド・188都市・808店舗を構えるロシアの大手ファッショングループ「Melon Fashion Group」の15周年特設サイトです。
ファーストビューから巨大なタイポグラフィとヒーローイメージが重なり合い、背景の黄色も相まってコントラスト強めでアグレッシブな印象となっています。
15年の歩みをムービーなどのビジュアルを取り入れることで楽しみながらさかのぼることができ、シンプルながらもメリハリの効いたスクロールアニメーションも秀逸です。
■採用フォント セリフ部分はDidotのようなモダンな形状で、太くて大胆な部分とヘアラインの細くて繊細なタッチのバランスが美しい「SangBleuEmpire」が採用されています。
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️
4. TheSea WeBreathe(BLUE)(海洋保護慈善団体)
https://www.bluemarinefoundation.com/the-sea-we-breathe/
海洋保護に取り組む慈善団体である「BLUEMarine Foundation」が提供する、海洋保護が人と地球の両方にとって不可欠である理由を探れるインタラクティブなウェブ体験「TheSea WeBreathe」の特設サイトです。
海中を緻密に再現した没入感のある3Dモデルを通して、リアルでインタラクティブなダイビング体験ができるよう設計されており、スクロールアニメーションしながら海洋保護の必要性を説いてくれるサイトとなっています。
BGMや随所に見られるインタラクションなど音も重要なポイントになっているので、ぜひSOUND ONで体験してみてください。
■採用フォント タイトルには、四角く未来感がありつつも、角が少し丸みを帯びているため柔らかい印象の「Rajdhani」が採用されています。 本文には、シンプルで実用的かつ、柔らかさもありながらデジタル感のある「TT Lakes」が採用されています。
ビジュアル：⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️⭐️⭐️
5. ノーミーツ(ストーリーレーベル)
2021年10月20日、名前を改めロゴと公式サイトをすべて刷新したストーリーレーベル「ノーミーツ」の公式サイトです。
多様性が求められる現代において、まさに「自由」を体現したデザインになっており、
シュールでもありオシャレでもある、デジタルでもありアナログ感もあるといった、いい意味で雑多な感じがユニークでワクワクする楽しい雰囲気を演出しています。
個人的には、ゆるいキャラクターと触れた時に生じるマイクロインタラクションがとても好きですね。
■採用フォント 和文には、可読性と安定感がよく、長く愛されてきた伝統的なゴシック体である「中ゴシックBBB」が採用されています。 一部の欧文には、レトロな8bitゲーム機のビットマップフォントを彷彿とさせる「PixelMplus10」が採用されています。
ビジュアル：⭐️⭐️⭐️⭐️⭐️ 話題性 ：⭐️⭐️⭐️⭐️⭐️ 最先端 ：⭐️⭐️⭐️
