自分のブランドを立ち上げた時、会社を設立した時、ショップを開店した時。ブランドイメージを伝えるため、会社のサービスを伝えるため、商品を売るため等、あらゆるシーンでWebサイトは利用されるでしょう。
要求に答え、目標を達成するために、世界中のデザイナー達は、常に優れたWebサイトのデザインを研究しています。今回は、海外デザイナーによる、さまざまなアプローチで人の気持ちを動かすWebサイトデザインを一緒に見ていきましょう。(※紹介する Webサイトのデザインは当サイトの制作事例ではありません)
「堅そう」を「面白そう」へ変換するWebサイトデザイン作例
Webサイトのデザインを見る
アメリカのデザイナーDavid Zakievさんによる、着物の羽織を扱うWebサイトデザイン。まず目を惹くのが、明朝体をトライバルのように変形させたフォントでしょう。日本語フォントをここまで大きく変形させるデザインはとても珍しく、大きなインパクトを与えます。
また、着物を歴史ある民族衣装としてだけではなく、現代の価値観で語るといったニュアンスも表現され、歴史あるものが与える「堅そう」を「面白そう」に上手く変換しています。
さまざまな柄と色のある羽織を、同じ色調のフィルタに収めることで、画面に統一感を演出するなど、大胆なフォント以外にも、見る人の気持ちを動かす工夫が巧みに仕掛けられた、思わず細部まで見てしまうWebサイトデザインとなってます。
商品の見やすさとブランドの世界観を同居させるWebサイトデザイン
Webサイトのデザインを見る
ロシアのデザイナーMihail Ahmetovさんによる、Tommy HilfigerのWebショップのサイトデザイン。都会的で洗練されたデザインという印象のTommy Hilfigerですが、このWebサイトも、そんなブランドイメージを踏襲し、シンプルで無駄のない、洗練されたUIを作り上げています。
特に、ブランドの世界観を伝えるLOOKBOOKのページでは、カラフルな写真に対する、白い背景の量とバランスを巧みにコントロールし、シンプルで洗練されたイメージを表現しています。Webショップに必要な「見やすさ」と、ブランドとしての「世界観」が、干渉しあう事なく同居した、とてもバランスのよいWebサイトデザインといえるでしょう。
洗練と親しみのバランスで見る人の気持ちを動かすWebサイトデザイン作成例
Webサイトのデザインを見る
バングラデシュのデザイナーNazmul HossainさんによるアパレルショップのWebサイトデザイン。商品名と価格、規則的に並んだ商品写真と、実にシンプルな構成要素で、Webショップに求められる、見やすさと買いやすさを実現しています。
そして、シンプルなデザインは、見やすさだけでなく洗練された印象を生み出す効果もあります。しかし、一方では安っぽい印象を生んでしまう要因にもなってしまいます。このWebショップは、その中間。洗練された雰囲気と「手に取りやすい親しみ」の両方を持つ、とてもバランスの良いデザインに仕上がっているでしょう。
海外デザイナーによる、さまざまなアプローチで人の気持ちを動かすWebサイトデザインをご紹介いたしました。
見る人の注意を惹き、ブランドイメージやショップのイメージを伝える構成力や技術力。そんな仕掛けの数々は、きっと今日も、あなたの気持ちを動かして、日常を彩ってくれるでしょう。
