2019年9月に見つけた「デザインが魅力的なWebサイト」をまとめました。
ポートフォリオサイトやコーポレートサイト、プロダクトサイトなど様々なWebサイトの中から、デザインの参考になるWebサイトを10個ご紹介したいと思います。
INDEX
#24HourAce
GUCCIのスニーカーに関するコンセプトサイトです。レトロなイメージを感じるデザインの中に、3DCGを使った最先端の技術が同居していて、印象的な雰囲気のデザインに仕上げられています。
こういった遊び心を感じさせるデザインのWebサイトは、サイトを見た人を楽しませると同時に、強く印象に残すことができるという2つの面で大きな効果がありますね。
伊藤総研株式会社
様々なクリエイティブに関する仕事をおこなっている会社のコーポレートサイトです。
シンプルなデザインのWebサイトの中には、特徴的なロゴと写真とともに並べられた実績が配置されていて、ミニマルデザインによる洗練された印象のWebサイトとなっています。
Discover Candiac
グリッドレイアウトとスプリットスクリーンレイアウトを組み合わせたようなデザインのWebサイトです。セクションごとに左右の要素を入れ替えることによって、1つ1つの存在感が強めながら、デザインにアクセントを生み出していますね。
使われている色も柔らかな色が使われていて、サイト全体がゆったりとした雰囲気に包まれています。
ルメードドゥース | 仙台のアロマトリートメント、ハーブショップ
トップページのヒーローヘッダーがとても魅力的だと思ったWebサイトです。小さめのフォントを使い、余白を大きく取ることによってやさしい印象のデザインに仕上げられていますね。
細かな所までしっかりと意識してデザインされており、様々な所に参考にすべきポイントが散りばめられています。
くじらタウン
アイソメトリックイラストを使い、柔らかな雰囲気に包まれているWebサイトです。
「くじら肉」という少し難しいテーマを取り扱っているページですが、イラストや柔らかなデザインによってより身近なテーマであるように感じさせるような工夫が施されています。
JPSAプロサーフィンツアー2019 ベストライドアワード
アニメーションや動画によって躍動感溢れるようなデザインのWebサイトです。
テキストに背景色を付けたデザインは最近良く見られるデザインですね。美しい海の青色の写真や動画の中で、アクセントカラーとして使われている黄色がうまくマッチしてメリハリの効いたデザインとなっています。
PASMO（パスモ）－電車も バスも PASMO
みなさんお馴染みPASMOのWebサイトです。サイトの中で電車が走っているなど、とても楽しげなデザインとなっています。
デザインはもちろん、情報設計がとても分かりやすく、見出しの配置方法、写真とイラストを組み合わせたガイドなど、PASMOの使い方が丁寧に分かりやすく紹介されています。
TWO ROBBERS
海外のアルコール飲料のWebサイトです。画面が黒い罫線で区切られていたり、右から左に流れているテキストアニメーションが表示されているなど、個性的なデザインに溢れていますね。
真っ白な背景の中に、鮮やかな写真やイラストが配置されていて、そのコントラストがいい味を出しています。
Déplacé Maison
こちらもレトロモダンなデザインが独特の雰囲気を生み出しているWebサイトです。
くっきりとしたボーダーや、原色に近い配色など、ノスタルジックな要素と現代のWebという要素が組み合わさることによって、新しいスタイルのデザインが生み出されています。
umi.design
「umi.design」という名前の通り、海をモチーフにした美しいデザインが特徴的なポートフォリオサイトです。
セクションの境目が波のようにゆらゆらしているのがとても可愛らしいですね。
その他の参考になるWebサイト
今回ご紹介したような、デザインの参考になるおすすめのWebサイトをギャラリー形式でまとめています。コンテンツは随時更新しているので、ぜひチェックしてみてください。
