メインビジュアル、コンテンツ部分とスタッフの写真を全面に押し出し、職場のイメージをつかみやすい構成にしています。職種ごとにメインカラーを設定してそれぞれのメインビジュアルの画像に両端から淡くグラデーションをかけ、下部のナビゲーションにマウスオーバーさせるとリンクの色がメインカラーに切り替わります。使用色は多いですが、一度に表示される色数を押さえ、トーンを統一させることでイメージのばらつきを押さえています。
カテゴリ
基本情報
病院・クリニックに関連するデザイン
- 「ヘンミ胃腸内視鏡・内科クリニック」のホームページデザイン解説
細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...
- 「近畿大学病院 看護師募集案内」のホームページデザイン解説
ファーストビューはメッセージ性の強い文章とコンセプト動画を確認することができます。白を背景としておりコンセプトを崩すことなく清潔感があり誠実さを感じさせるホームページです。インフォメーションはライン登録を誘導しています。緑のアイコンを掲載す...
- 「HANGAI EYE CLINIC GINZA」のホームページデザイン解説
サイトを開くと画面一面に鮮やかなグリーン系のカラーが表示され、中央にメッセージが現れる仕組みになっています。インパクトのある演出がユーザの興味を抱かせる工夫となっていて、サイトの導入として効果的な演出です。一連のモーションの後にトップページ...
採用・リクルートサイトに関連するデザイン
- 「株式会社ソルブレイン採用サイト」のホームページデザイン解説
ファーストビューで表示されるスライドショーは業務中の風景の写真に半透明のホワイトとグリーンでキャッチコピーを重ね、みずみずしさを感辞させます。鮮やかなエメラルドグリーンをアクセントに使い、淡いグレーとホワイトでコンテンツをエリア分けして、ホ...
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「Casa採用サイト」のホームページデザイン解説
採用サイトとしてトップページにはビジョン、サービス、メッセージを端的に写真とともに動きのある案内をすることで伝えたい内容が明確に理解することができます。その上でより詳細を知りたいユーザー向けに会社概要、採用情報を案内しています。最下部にはエ...
ブルーを使ったデザイン
- 「フロンティア総合会計事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、フロンティア総合会計事務所のスタッフが写っています。グローバルナビにて事務所概要、顧問料などを案内しています。フロンティア総合会計事務所の顧問料については、月額の記帳...
- 「ゆめ中央保育園」のホームページデザイン解説
ベージュをベースにブルーをアクセントにしたサイトです。ファーストビューには、ゆめ中央保育園で元気に遊ぶ子どもたちが写っています。グローバルナビにて施設概要、年間行事などを案内しています。ゆめ中央保育園は「本園」と「分園」に分かれています。ト...
- 「おおたか総合法律事務所」のホームページデザイン解説
グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...
フラットなホームページのデザイン
- 「Wolf & Whale」のホームページデザイン解説
ニューヨークのデザイン事務所のコーポレートサイトです。サイトにアクセスするとまず鮮やかなブルーのベタが画面全体を横切り、画面が切り替わるとグレーをベースとしたモノトーンの色使いの中にわずかに使われたブルーの文字でデザインされた画面が目を引き...
- 「京都みなみ会館」のホームページデザイン解説
ファーストビュー画像はコンセプトメッセージが常時表記されたまま、左右スクロールによって切り替えることができるデザインです。同様の内容はその下の上映作品一覧紹介でも確認が可能です。さらに進む上映スケジュールが掲載されています。残席状況が丸、三...
- 「株式会社アリシア」のホームページデザイン解説
鮮やかなイエローのバックに、段ボールをかぶった人物の写真とキャッチコピーが大きく表示され、何のサイトだろう?と強く興味を惹きつけます。コンセプトを読んだ後に画面をスクロールすると視差効果で4コマ漫画のように写真が切り替わり、1枚目の人物の意...