ファーストビューにムービーが流れて、日々どのような業務を行なっているのか、また社内の雰囲気はどのような感じなのかがしっかりと伝わってくる内容になっています。会社の特徴の項目では、円形に統一されたサムネイル写真を使ってスッキリとまとめられていて見やすい内容になっています。「先輩の働きぶりを見る」というコンテンツでは、社員の写真と簡単な情報が記載され、設置されているリンクボタンをクリックすると、ポップアップで動画再生画面が立ち上がり、該当の社員が登場するシーンが見られる仕組みになっています。他にも「映像で分かるカウテレビジョン」の項目にもムービーが設置されていて、映像制作会社の強みを生かしたサイト設計となっています。
執筆者
カテゴリ
基本情報
制作会社に関連するデザイン
-
「衛星放送協会」のホームページデザイン解説ヘッダーに固定表示されたナビゲーションメニューの設計が、各メニューにカーソルを合わせると下部からタブが現れる仕組みとなっていて、それぞれ色分けされていることで見やすい構成となっています。また、ポップな色分けによってサイトの雰囲気を演出する要...
-
「カンテレのチカラ」のホームページデザイン解説ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
-
「tv asahi」のホームページデザイン解説サイトを開くと鮮やかなグラデーションの背景上にテレビ番組のバナー画像が表示されていて、目を引くデザインが考えられています。画像領域の横にはタイムテーブルと番組表がタブによって切り替えられる表示が設置されており、一目で優先度の高い情報が得られ...
採用・リクルートサイトに関連するデザイン
-
「ISHIZAKA GROUP RECRUIT 2021」のホームページデザイン解説大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されてお...
-
「Chatwork採用サイト」のホームページデザイン解説全画面表示のファーストビュー画像がインパクトのある演出になっていて、次々と画像が切り替わっていく仕組みが思わず見入ってしまうような効果となっています。スクロールした先でも大きく画像が用いられていて、「Mission」の項目ではコマ撮りムービ...
- 「カンテレのチカラ」のホームページデザイン解説
ピンクの英語フォントで大きく書かれたタイトルと、モザイク状にちりばめられたカラフルなテクスチャがポップでお洒落な印象を与えます。画面をスクロールさせると画面幅いっぱいに表示されるピンクのバーが目を引き、クリックするとエントリーコースの一覧が...
グリーンを使ったデザイン
-
「Pitta!」のホームページデザイン解説メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...
-
「NAVITIME」のホームページデザイン解説グリーンで色調を統一したアイソメ図風の地図イラストを背景に、検索ボックスをメインビジュアルに見立てて配置したファーストビューです。検索ボックスやナビゲーションメニューにはイラストアイコンが使われ、自分の利用したい経路の検索がすぐにできるレイ...
-
「.htaccess Editor」のホームページデザイン解説.htaccessファイルを数クリックで作成できるサービスです。作成できるファイルはメインエリアの左側にタブメニューで切り替えることができ、フォームに必要事項を記入して送信すると自動でテキストが書きだされます。タイトルの帯にグリーン、サイト...
シンプルなホームページのデザイン
-
「Orico」のホームページデザイン解説シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...
-
「UDATSU」のホームページデザイン解説全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...