常識を吹っ飛ばせ！
「世界の独創的なウェブサイト9選」
企業のウェブサイト・コーポレートサイトを構築する上で、「世の中のトレンドに沿った、”今どきの”スタイリッシュなデザイン」を真似することは、さほど難しいことではありません。しかし、その結果として、世界中に似たような見た目のウェブサイトが溢れかえっていることは否定できない事実です。だからこそ、他とは一線を画す独創的なデザイン性を持っていることがユーザーの心を掴み、魅了する重要なポイントの１つとなります。
独創的なウェブサイトは、見る人のインスピレーションを掻き立て、ユーザーを惹きつけ、顧客とのコミュニケーションを促進する強力なタッチポイントとなって、企業と顧客の関係構築に大きな役割を果たしてくれるでしょう。
今回の記事では、極めて独自性・独創性の高い、「良い意味で飛びぬけている」世界各地のウェブサイトをご紹介します。
ユーザービリティは…ちょっと大目に見ています。
奇抜もしくは先鋭的すぎて参考にはならないかもしれませんが、常識にとらわれず独自の世界観を持つウェブサイトは、アイデアを生み出すうえで非常に参考になります。インスピレーションを受けとったり、ブランドの見せ方の稀有な参考として、楽しんでいただければ嬉しいです。
また、文章だけでは伝わらない魅力がたっぷり詰まったウェブサイトですので、ぜひ一度訪問して魅力を感じてみてください！
１．Resn（ニュージーランド/オランダ）
※PC画面で横幅・上下の画面サイズを縮小した際の音と画像にご注意ください。
私は心臓が飛び出そうでした…
オランダのアムステルダムとニュージーランドにスタジオを持つ、ブランドコミュニケーションのスペシャリストであり、顧客と企業をデザイン×テクノロジー×高いユーザー体験で結びつける総合的クリエイティブエージェンシーのウェブサイトです。
何もない漆黒からホームページが始まり、まるでどこかに引き込まれるような新しい感覚に囚われます。アニメーションコンテンツが充実しており、動き出しそうな躍動感をもったアニメーション、現代アートを感じさせる奇抜なアニメーションまで多彩なラインナップです。音声も付いており、まるでVRの世界に迷い込んだような独特の空間を表現しています。
右上のメニューバーをクリックすると、中央に「About Work Contact」のメニューが出現します。「Work」をクリックすると、事例ページへと誘導されますが、ここもまた独特な世界観で表現されており、滑らかなスクロール、動画、静止画、3D、タイポグラフィ、余白を使った美しいデザインを存分に味わうことができます。
彼らの作る作品は、「Awwwards」のAwwwards Agency of the yearを2回も受賞しており、彼らのウェブサイト自身もデザイン8.84、クリエイティブで9.27という非常に高い評点がついています。「CSS Design Awards 」のAgency of the Year にも選ばれているほか、300以上の国際的な賞を受賞するなど、国際的に非常に高く評価されています。
冒頭でも述べたように、PC画面で横幅、上下の画面サイズを縮小してみてください！その際は音声もご注意くださいね。
２．Active Theory（オランダ）
オランダのデジタルクリエイティブエージェンシーのウェブサイトです。
「貞子でも出てくるんじゃないか…」と、そんなドキッとした気持ちにさせてくれるTOPページから始まるウェブサイト。3Dを駆使しながら、ハイクオリティなエフェクトでユーザーの注目を一気に引き込む、インタラクティブな動画機能を最大限に活用したウェブサイトです。
右端にあるメニューボタンから様々なページに飛んでみてください。ARやVRの世界に興味がない方でも、ウェブサイトのグラフィックやアニメーションの効果を最大限に活かしたこのウェブサイトで、複雑で不思議な視覚体験を楽しむことができるはず。
こちら、Aboutページに進んで、ぜひ、カーソルを動かしてみてください。jQuery-Ripplesを活用し、水上で波紋が広がるようなエフェクトを活用しています。また、各ページごとに全く違うエフェクトが組み込まれており、非常に手の込んだウェブサイトに仕上がっています。
革新的なウェブサイトを対象とする国際的なウェブデザインアワード「CSS design Awards」にてDesigner of the Year 2020にノミネートされたほか、世界中の優秀なウェブデサイトを表彰する「Awwwards」でも彼らのウェブサイトや作品が高い評価を受けています。
３．SimplyChocolate（デンマーク）
デンマークのチョコレートメーカーSimplyChocolateのウェブサイトです。マウスをスクロールする度に、画面から飛び出てきそうなチョコレートバーの色や形を変化させるとともに、ユーザーが引き込まれる視覚なアプローチを効果的に活用しています。
シンプルなデザインコンセプトでありながら、この画面からダイレクトに商品を購入できるなど、ユーザーを引き込み一気に購買まで結びつけることが出来る、緻密に設計された魅力的なマーケティング・ウェブサイトです。「Awwwards」「CSS design Awards」ともに高い評価を受けています。
４．Vizua（スロバキア）
スロバキアを拠点を置く、制作会社のHPです。
思わず「ん？…ここ？」と好奇心を駆り立てられるウェブサイトです。2021年のトレンドであるマンガ調のイラストと、３Dアニメーションを巧みに配置し、サイト自体が１つの工場をイメージされ、スクロールしていく毎に工場の中を進んでいくようにレイアウトされています。
「Awwwards」で高い評価を受け、ノミネートされているほか、CSS Design Awards でも特別賞を受賞しています。
５．Dataveyes（フランス）
データの可視化、情報デザイン、データジャーナリズムを行うデータコンサルタントエージェンシーのウェブサイトです。
3Dグラフィックを活用し、立体的で美しい宇宙空間のような背景を採用し、彼らのビジネスを視覚的に伝えています。ユーザーがウェブサイトにアクセスしたときから一気に惹きつけられる没入型のウェブサイトです。
「Awwwards」にてSite of the dayに選ばれています。
６．The Drawing Room（イギリス）
https://thedrawingroomcreative.com/
イギリスに本拠地を構える、デジタルクリエイティブエージェンシーです。
余白を活用したシンプルでスタイリッシュなTopページと、大胆なタイポグラフィを活用しています。動画を前面に押し出し、視覚的訴求を強調する「About us」ページ、シンプルにかつ焦点を絞った企業理念を伝えるメッセージなど、究極的にシンプルであり、斬新な構造・デザインを持つウェブサイトです。
彼らのウェブサイトは「Awwwards」にてノミネートされています。
７．Airnauts（ポーランド）
Airnautsはポーランド、フランス、アメリカに拠点を置くデジタルクリエイティブエージェンシーです。
マウススクロールを効果的に活用し、スクロールするたびにページレイアウトを変化させ、余白・タイポグラフィ・動画をシンプルかつ効果的に配置し、どんどん引き込まれていく没入型ウェブサイトを作りだしています。
８．Superfluid（オランダ）
https://superfluid.numbered.studio/
オランダに本拠地を置く、コスメティックを販売するECショップ兼ウェブサイトです。
余白を上手く使い、適切なタイポグラフィを選択し、読みやすさ、ユーザービリティ、グラフィックのバランスなど、ウェブデザイン全てを最適化しています。
「Awwwards」でノミネートされており、高い評価を受けています。
９．Kultur Design（イギリス）
「心臓の波形データの可視化」や「ロンドン全体の二酸化炭素レベルの年間データを可視化するプロジェクト」など、様々なデータの可視化、情報デザイン、ウェブアプリケーション、ジェネレーションデザインなどを専門とするイギリスのグラフィック専門のクリエイティブエージェンシーです。
Kultur Designのウェブサイトは、設計自体はとてもシンプルですが、訪れた人が一瞬で引き込まれる、革新的な３Dコンテンツを使用した、印象的なサイトデザインです。特にPortfolioの見せ方はとても上手く、訪れた人がすっと引き込まれてしまう美しく整理された構成になっています。また、SNSをうまく組込んでいるのも特徴の1つです。
さいごに
アッと驚かせるようなアニメーション、細部までこだわった機能美、異彩を放つデザインなど、それぞれ何かに突き抜けたサイトはユーザーを楽しませ、虜にしてしまいます。「独自のデザイン性」にこだわった最先端のグローバルサイトを見れば、きっと何かの想像力を掻き立て、インスピレーションを生み出してくれるのではないでしょうか？
なお、ここまで先鋭的・奇抜でなくても、海外ユーザーの心に響く多言語サイトの制作をご検討中でしたら、ぜひとも私たちにお申し付けください！
吉田 真帆 マーケティング部 プランナー
コンテンツ・SNS・メールマーケティングを統括しています。 オーストラリア永住権を取得したにも関わらず、思いもよらず日本に帰国。日本9年を経て、現在はシンガポールからフルリモート中。