大きな画像がファーストビューに表示されて、インパクトのある演出になっています。画像中央には鮮やかなピンク系のカラーで文字が配置されていて、ストレートに内容が伝わる構成がしっかりと考えられています。上部にはナビゲーションメニューが設置されており、ファーストビュー上ではメニューのテキストのみが配置されて画像に干渉しないデザインになっています。カーソルを合わせることでメニュー全体のオブジェクトが浮き出てくるように現れる仕組みになっており、スクロール追従型の固定表示になっていることでしっかりとユーザ視点が考えられています。下部ではピンクのカラーをキーカラーとして各要素が展開されており、統一感があって見やすいサイトに仕上がっています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「公益社団法人 日本てんかん協会」のホームページデザイン解説サイトを開くと4枚の画像で構成されたスライドショーが表示され、可愛らしいイラストやポップな文字使いで親しみやすさをまず感じさせます。青みがかったピンクと淡いグレーの2色をメインカラーにした、ナビゲーションメニューやコンテンツの入り口にイラス...
-
「新潟土地建物販売センター株式会社」のホームページデザイン解説サイトを開くと、鮮やかな青空をバックに手のひらの上に乗せた家の模型の写真がぱっと目に入り、余白に配置されたキャッチコピーと合わせて目を引きます。1カラムのシンプルなレイアウトで、鮮やかなグリーンをアクセントカラーにしたさわやかな色使いです。...
-
「フォトスタジオKOWA」のホームページデザイン解説メインビジュアルは結婚式・七五三・出産などの家族の記念写真の撮影風景をまとめたスライドショーで、それぞれに帯を敷いたキャッチコピー、右上がりに書かれた2種類の英語の店舗ロゴ、ガーランドのパーツがあしらわれています。ナビゲーションメニューには...
採用・リクルートサイトに関連するデザイン
-
「株式会社タケショー_リクルートサイト」のホームページデザイン解説メインビジュアルは3枚の写真で構成されたスライドショーで、写真はやや青みがかった色味に補正してクールな印象を与えます。その下に配置された導入部分のコピーは鮮やかなブルーのグラデーションを背景に敷き、細いラインで囲んだキャッチコピーを配置して...
-
「下関春帆楼採用サイト」のホームページデザイン解説サイトを開くと横長のスライドショーが再生され、左上には紫のベタの上に企業ロゴが、左下にはキャッチコピーが表示されます。紫をアクセントカラーにしたフラットなデザインで、各コンテンツの入り口には折り鶴や作務衣など和のモチーフのアイコンがあしらわ...
-
「北水会グループ」のホームページデザイン解説ファーストビューはデイサービススタッフの笑顔の写真で構成されたスライドショーで、その下には事業展開の概要がシンプルなラインのイラストで表現されていて、サービスへの信頼感をまず感じさせます。太目の英語フォントを使ったタイトルや、斜めにカットし...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
堅め・信頼感なホームページのデザイン
-
「株式会社アイルビーザワン_Discovering Sounds」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、カリキュラムの特徴やサービスの内容を一目でわかるように紹介されています。濃いネイビーをメインカラーにしたビジネス色の強い色使いで、バナーやリンクボタンのオレンジがアクセントとなっています...
-
「ひめさゆり法律事務所」のホームページデザイン解説サイトを開くと流線型でトリミングされた事務所の写真が表示され、写真とメインエリアをまたぐように縦書きでキャッチコピーが配置されています。淡いグリーンをメインカラーに、タイトルにパステルカラーの玉ボケを散らした柔らかく優しいイメージのデザイン...
-
「株式会社 大栄鍛工所」のホームページデザイン解説サイトを開くと鋳造の様子を捉えた写真が次々と現れ、ダークな色調の写真と明朝体の大きなキャッチコピーで重厚感を与えるファーストビューです。画面をスクロールすると階上から撮影した写真がフッターに向かってフェードインするような形で現れ、より奥行き...
