ホームページを新たに制作する際、多くの方がまず「TOPページをどういったデザインにするか?」を検討します。その時にいくつか優れたデザインのwebサイトを探されるのではないでしょうか。今回の記事は2020年最新版として、東京にある企業・店舗・教育機関等の厳選webデザインを13サイトご紹介。
webデザインをどうするか検討中の方は是非ご覧ください。業種ごとにwebデザインは大きく異なるため、ジム系・教育/医療系・コーポレート系・製造業系・各種店舗系と5カテゴリに分け、掲載しています。
トレーニングジム系 webデザイン
1:東京都内で10店舗以上 Dr.トレーニングリクルートサイト
「プロフェッショナル感」「躍動感」「親しみやすさ」を感じるwebデザインで、実際の店舗スタッフの活動写真を中心にレイアウトされています。
ベースカラーはゴールドで、見出しタイトルの文字フォントを手書き風フォントにすることで、親しみやすさを表現しています。
教育機関/医療系 webデザイン
2:東京大学 数理情報第3研究室
教育機関のwebデザインとしては斬新で大胆なビジュアルになっています。メイン画像部分はjQueryで画像が切り替わる仕様で、画像毎にキャッチコピーも変わりますが、その文面もユーザーの目を引く内容です。メインカラーはブルーで統一。紺色やライトブルー系の差し色が使われています。
各デザインパーツの背景に幾何学模様のレイヤーが組み込まれており、近代的な印象を与えるwebデザインとなっています。
3:東京台東区松が谷の株式会社ビースカイ
獣医療の事業を行っている企業のサイト。多彩な動物とドクターの画像を基にデザインされていますが、爽やか且つフォーマルな印象を与えるwebデザインです。
4:東京西巣鴨の大正大学剣道部
メインビジュアルに記載されている”獅子吼”のコピーと面打ちの写真が非常にインパクトがあるデザイン。落ち着いた色味の紫と紺色のカラーリングで、伝統を感じさせる雰囲気となっています。メイン画像がユーザーを惹きつける大胆な見せ方となっているので、サイトデザイン全体からも個性的な印象を受けます。
5:文京区のRIVER ISLAND
施術者も、施術を受ける側も身体に負担のない、さとう式リンパケアという施術をメインとしたサイトで、新緑や花の素材画像が多く活用されている爽やかなデザイン。
ヘッダーからフッターまで爽やか且つ統一感があります。
コーポレート系 webデザイン
6:東京南阿佐ヶ谷の株式会社カナリア
全体的デザインとして、余分な装飾がなくスッキリ美しい印象になっています。コンテンツに対する余分な装飾を排除することで、シャープなデザインとなり、内容も読みやすくなるとメリットがあります。ファーストビューで見えるクレーンの画像はあえて上下を断ち切って、印象的なビジュアルを表現しています。
7:東京港区新橋 オフィス移転東京21
笑顔で誠実な印象を受けるwebデザインです。登場人物はこちらの企業で実際に勤務されている社員の方で、ホームページ制作用の撮影写真を多数取り入れることで、素材画像中心のデザインにはない、オリジナリティを表現。
サイト訪問者に対し、サービス/事業の強みを明確に訴求できるコンテンツとして「3つの強み」を中段にレイアウトされています。
8:渋谷区幡ヶ谷の株式会社EMTサービス
「近代的デザイン」と「オーガニックさ」が両立したwebデザイン。ページ中段のデザインはあえて、上下左右のバランスをズラし、オシャレなイメージに仕上がっています。使用写真はオーガニック系でも、カラーリングが寒色系のため、クール目なイメージです。
製造業系 webデザイン
9:東京台東区のLINKS JAPAN
メインビジュアルを見たユーザーがインスピレーションを得られるようなTOPデザインです。中段コンテンツ部分も余白をうまく活用する形式で魅せるwebデザインとなっています。
10:板橋区本蓮沼の七栄製作所
オーソドックスなレイアウトながらも、製品写真をあえて枠からはみ出るように配置することで、目新しさを感じさせるデザインに。グラデーションのブルーに、差し色でシルバーが使われています。
各種店舗系 webデザイン
11:東京千代田区 Dress Shop Mimoza
モノトーンベースのデザインで、ヨーロッパ風の懐かしい風景が思い浮かびます。全体的にモノトーン調でデザインされていますが、ユーザーへPRしたいコンテンツがボケてしまわないよう、要所要所の目立たせたい部分をカラーにすることでコンストラスト/強弱面を工夫。
またWebフォントを活用し「見た目の良さとSEO面」を両立させたwebデザインです。
12:東京台東区根岸のシバヤマ
絵画・美術品についてのホームページで、和風ながらも先進的なwebデザインです。各主要コンテンツで和柄ブラシ/レイヤーを加え、デザインクオリティを大きくUPさせています。
情報量が多めですが、コンテンツ毎の区切りとして余白を大きめに取り、窮屈な印象にならないよう配慮されています。
13:中野区野方のてっぱん523
ファーストビュー部分へ横幅いっぱいに画像が配置されているダイナミックなwebデザイン。色使いはブラックとワインレッドで、大人なイメージ。飲食店のホームページのため、料理が引き立つようなデザインとなっています。
---------------------------------------------------------------
東京でハイクオリティなwebデザインを
ご希望なら、お気軽にご相談ください!
---------------------------------------------------------------
◇サイトの作成運営などに関する
お問合わせはこちらより
TEL: 03-5839-2512
FAX: 03-5839-2513
≫ホームページ制作 東京 エグゼクティブクリエイション