事例から学ぶ!参考にしたいおしゃれなホームページ10選
ホームページ作成をする上で参考になるおしゃれなサイトを紹介しています。ホームページ作成においてデザインは非常に重要です。色味や載せている情報もそれぞれのサイトで違うので、印象が大きく変わるはずです。ぜひ参考にしてみてください。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査
今回はサイト作成する上で参考になるおしゃれなホームページを紹介します。
おしゃれなデザインは企業のホームページとして大きな影響を及ぼします。おしゃれなサイトを読み解いて、自分のホームページを充実させましょう。
なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。
トヨタ自動車
トヨタらしい白を基調としたデザインですね。高級感があります。
写真を横幅いっぱいに載せていて、スライドショーを使って限られたスペースの中で多くの情報を伝えていますね。
釜飯と串焼きとりでん
商品の写真が全面に押し出されたサイトです。
おいしそうな写真を並べてありますね。
自由が丘ロール屋
自由が丘ロールらしい、シンプルなサイト構築です。
自由が丘というおしゃれな街に最適ですね。
NIKE
ナイキのイメージである白黒のページです。
かっこいい大人の雰囲気が出ています。
千葉ロッテマリーンズ公式HP
プロ野球チームならではの情報の多さが目立ちます。
チームカラーも前面に押し出していますね。
Mercedes-Benz
ベンツのHPは高級感があります。
AやBと表示されているメニューバーはベンツの各モデルを表していますが、マウスオーバーするとそれぞれAクラスやBクラスの車種が写真で表示されます。
種類が多くなればなるほど、ホームページ内を読み込む回数が多くなりますが、こういった工夫は必要でしょう。
東京ディズニーランド公式HP
ディズニーはおしゃれですね。
写真を前面に出して、楽しさを演出しています。
RADWIMPS.jp
アーティストのRADWIMPSのページです。
アーティストらしいシンプルでおしゃれなデザインです。
おうちでイオン
イオンらしい紫を基調とした色使いです。
イオンのテーマカラーが生きるサイトの配色ですね。見たら一瞬でイオンだとわかります。
君の名は。公式サイト
キービジュアルを前面に出したサイトです。
アニメーション映画だけあってコンセプトを大事にしていることが分かります。
いかがでしょうか。
今年、大反響のサイトも紹介してみました。
どのサイトもおしゃれですが、何より、自分たちのカラーを崩さずにHPを作っています。ぜひ、参考にしてみてください。
[お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。