【2017年版】デザインの参考にしたい!オシャレなコーポレートサイトまとめ10選13コーポレートサイトは企業の印象やブランドイメージに大きく影響するため、デザインにもこだわりを持って制作を行っている企業が多いです。この記事では、数あるサイトの中から特にオシャレなコーポレートサイトを厳選し、注目点を解説します。コーポレートサイトには現在のデザイントレンドが取り入れられている場合も多いので、自分でデザインを考える際の参考にもなるはずです。※デザインは執筆時(2017年1月時点)のものなので、変更になる場合があります。「自分のスキルの相場をしりたい」と思う方へ簡単4ステップ!スキルや経験年数をポチポチ選ぶだけで、あなたのフリーランスとしての単価相場を算出します!単価相場算出ページへ※相場算出に個人情報の取得はおこないません。ライオン株式会社http://www.lion.co.jp/ja/洗剤、石鹸、歯磨き、トイレタリー用品などを販売するライオン株式会社のコーポレートサイトです。PCからアクセスするとまず目に飛び込んでくるのが自動再生される動画。HTML5のタグを使って自動で動画を再生しています。製品を大きく映さず、日常生活の風景の中でさりげなく製品をアピールしているのがポイントです。背景に動画を埋め込むデザインは現在のトレンドのひとつで、静止画よりも情報量が多く、印象も深まります。音声を自動再生すると音量や場所によっては迷惑になるので、動画を埋め込む場合はデフォルトの音声をオフにしておいた方が良いでしょう。株式会社イーサイバーhttp://www.e-cyber.co.jp/Webアプリケーション事業を展開する株式会社イーサイバーのコーポレートサイトです。こちらは画面いっぱいに動画を埋め込み、その上にロゴとメニューを配置しています。このように全画面動画を取り入れるサイトが増えており、動画の上に大きめのテキストを配置することで印象が深まります。(こちらのサイトは動画にテキストを配置しています)UCC上島珈琲http://www.ucc.co.jp/eng/UCC上島珈琲の海外サイトです。日本サイトとはデザインが大きく異なっていて、背景に動画を埋め込んだデザインとなっています。動画は言葉を超えて伝わるものがあるので、海外サイトに向いているかもしれません。他にもソニーや任天堂など、日本向けと海外向けでサイトのデザインが異なっている企業は結構あります。有名企業が海外サイトをどのようにデザインしているのかチェックしてみるのも面白いと思います。ホームのコーポレートサイトです。スクロールに合わせて画像が追従する「パララックス」を取り入れています。「パララックス」は現在のデザイントレンドのひとつで、コンテンツに動きを持たせることで訪問者の興味を惹きつけます。画像やテキストをうまくつなぎ合わせれば、ストーリー性のあるコンテンツ作りもできます。コーポレートサイトなら会社の沿革や創業物語をパララックスで見せるのも面白いかもしれませんね。グリーベンチャーズ株式会社https://www.greeventures.com/グリーベンチャーズ株式会社は、グリー株式会社を株主に持つ、インターネット・モバイル関連のスタートアップ企業に特化したベンチャーキャピタルです。このコーポレートサイトのデザインのポイントは2つあります。ひとつは全画面の背景画像です。背景全体に画像を配置することで印象が高まります。ひとつは「ゴーストボタン」です。ゴーストボタンは背景が透けて見えるボタンを指します。ボタンであると気づかれにくいという欠点がありますが、他のデザインを邪魔しないというメリットがあります。PC限定になりますが、マウスカーソルに追従して画像が波打つ仕掛けも施されています。i.schoolhttp://ischool.t.u-tokyo.ac.jp/「東京大学知の構造化センター」主宰の教育プロジェクト、i.schoolの公式サイトです。二分割した画面が印象的で、左右で配色を変えることでメリハリが生まれています。気づかれにくいゴーストボタンに矢印を加えることで、ボタンであることを示す工夫もみられます。これなら機能性とデザインの両方を活かすことができそうです。株式会社ユニメディアhttp://unimedia.co.jp/プロモーション事業・ソリューション事業を展開する株式会社ユニメディアのコーポレートサイトです。背景画面を三分割し、自動で切り替わるようにしています。スクロールするとロゴが小さくなり、ヘッダーのメニューがハンバーガーメニューに切り替わります。スクロール後は画面四隅にそれぞれロゴ、メニュー、検索、SNSのアイコンが配置されるようになっていて、画面を有効に使いながらデザイン性を高める工夫がみられます。JAPANのコーポレートサイトです。アイコンをメインにデザインされたオシャレなコーポレートサイトで、非常にインパクトがあります。コンテンツをB1階〜7階で表現するなどのユーモアも感じられます。2016月9月にBEAMSの公式サイトがリニューアルされ、公式サイトとECサイトが統合されました。スタッフのブログを発信するなど、ECサイトにオウンドメディアとしての役割も持たせています。公式サイトhttp://www.beams.co.jp/有限会社お茶の秋月園http://www.akizukien.jp/日本茶を製造・販売する有限会社お茶の秋月園のコーポレートサイトです。線をほとんど使わず、画像とテキストで上手に区切りをつけています。画像も非常に綺麗で、商品の魅力が伝わってきます。オンラインショップのデザインも参考になります。基本的にはコーポレートサイトと似たような構成ですが、商品の見せ方がとても上手です。秋月園オンラインショップhttp://www.akizukien-shop.com/株式会社ティー・エフコーポレーションhttp://www.tf-corp.co.jp/宮城県仙台市に本社を置く株式会社ティー・エフコーポレーションのコーポレートサイトです。左メニュー固定、グリッドデザインが特徴で、画像と動画が目を引きます。左メニュー固定を採用するサイトは密かに増えていて、上部に配置することの多いメニューを左側に固定することにより、ファーストビューでコンテンツに目がいきやすくなります。まとめ今回紹介したコーポレートサイトはそれぞれデザインにこだわりが見られ、企業やブランドにマッチしたサイトから、印象深いサイトまでさまざまです。コーポレートサイトを手がけるかどうかに関わらず、是非、webデザインの参考にしてみてください。最後に簡単4ステップ!スキルや経験年数をポチポチ選ぶだけで、あなたのフリーランスとしての単価相場を算出します!単価相場算出ページへ※相場算出に個人情報の取得はおこないません。見るクリエイターの求人・案件探しは、レバテッククリエイターへレバテッククリエイターでは、フリーランスや派遣で働くクリエイターを対象とした求人・案件の提案サービスを行っています。Web業界やゲーム業界を中心に年間1000件以上(※)の取り扱いがあり、様々なスキルを活かせる案件の提案が可能です。自社調べ求人・案件探しの相談をするまた、「今よりも年収をアップさせたい」「トレンドに敏感な現場でWebデザインスキルを磨きたい」などの理由からフリーランスへの転向を検討している方には、無料の個別相談会も実施していますのでお気軽にご相談ください。業界に精通したプロのコーディネーターが、一人ひとりの希望や状況に合わせて丁寧にサポートします。「個別相談会」に申し込む役に立った/参考になったと思ったら、シェアをお願いします。13最新のゲーム開発や技術を学びに行こう【2017年・東京版】クリエイター必見!ゲーム系イ...動作の軽さが魅力。EffectsMayaInDesignDreamweaverレバテッククリエイターおすすめコンテンツレバテッククリエイターはWeb・ゲーム業界に特化したデザイナー・クリエイター向けの求人・案件提案サービスです。us運営会社ヘルプフリーエンジニア案件エンジニア・クリエイター転職ハイクラス転職ITエンジニア向け新卒就活支援サービス案件の提案をご希望の方はお気軽にご相談下さい。無料サポート登録レバテック株式会社は、「プライバシーマーク」使用許諾事業者として認定されています。