オーダーメイドコース
icon
icon

事例から学ぶ!参考にしたいおしゃれなホームページ10選

ホームページ作成をする上で参考になるおしゃれなサイトを紹介しています。ホームページ作成においてデザインは非常に重要です。色味や載せている情報もそれぞれのサイトで違うので、印象が大きく変わるはずです。ぜひ参考にしてみてください。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

今回はサイト作成する上で参考になるおしゃれなホームページを紹介します。

おしゃれなデザインは企業のホームページとして大きな影響を及ぼします。おしゃれなサイトを読み解いて、自分のホームページを充実させましょう。

 

なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。

 

トヨタ自動車

001

トヨタらしい白を基調としたデザインですね。高級感があります。

写真を横幅いっぱいに載せていて、スライドショーを使って限られたスペースの中で多くの情報を伝えていますね。

トヨタ自動車

 

釜飯と串焼きとりでん

002

商品の写真が全面に押し出されたサイトです。

おいしそうな写真を並べてありますね。

釜飯と串焼きとりでん

 

[PR] Webデザインで副業する方法とは

自由が丘ロール屋

003

自由が丘ロールらしい、シンプルなサイト構築です。

自由が丘というおしゃれな街に最適ですね。

自由が丘ロール屋

 

NIKE

004

ナイキのイメージである白黒のページです。

かっこいい大人の雰囲気が出ています。

NIKE

 

千葉ロッテマリーンズ公式HP

005

プロ野球チームならではの情報の多さが目立ちます。

チームカラーも前面に押し出していますね。

千葉ロッテマリーンズ公式HP

 

Mercedes-Benz

006

ベンツのHPは高級感があります。

AやBと表示されているメニューバーはベンツの各モデルを表していますが、マウスオーバーするとそれぞれAクラスやBクラスの車種が写真で表示されます。

種類が多くなればなるほど、ホームページ内を読み込む回数が多くなりますが、こういった工夫は必要でしょう。

Mercedes-Benz

 

東京ディズニーランド公式HP

007

ディズニーはおしゃれですね。

写真を前面に出して、楽しさを演出しています。

東京ディズニーランド公式HP

 

RADWIMPS.jp

008

アーティストのRADWIMPSのページです。

アーティストらしいシンプルでおしゃれなデザインです。

RADWIMPS.jp

 

おうちでイオン

009

イオンらしい紫を基調とした色使いです。

イオンのテーマカラーが生きるサイトの配色ですね。見たら一瞬でイオンだとわかります。

おうちでイオン

 

君の名は。公式サイト

010

キービジュアルを前面に出したサイトです。

アニメーション映画だけあってコンセプトを大事にしていることが分かります。

君の名は。公式サイト

 

いかがでしょうか。

今年、大反響のサイトも紹介してみました。

どのサイトもおしゃれですが、何より、自分たちのカラーを崩さずにHPを作っています。ぜひ、参考にしてみてください。

[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。