「島田薬局」のホームページデザイン解説

サイトを開くと画面一面に鮮やかなグリーン系のカラーが表示され、中央にメッセージが現れる仕組みになっています。インパクトのある演出がユーザの興味を抱かせる工夫となっていて、サイトの導入として効果的な演出です。一連のモーションの後にトップページ...

さわやかな自然の中でほほ笑む看護師の写真がとても印象的で、すぐ下には前年実績が大きめのフォントで表示され、看護系教育における高い実績と信頼感を感じさせるファーストビューです。さわやかなブルーを中心としたパステル調の色使いのフラットなデザイン...

ブルー・ピンク・グリーンの3色でで全体の色使いをまとめた優しいイメージのサイトです。窓から光が射しているような明るい写真を多用しているため、清潔感とフレッシュなイメージを感じさせ、病院の信頼感につなげています。下層ページは新卒募集・既卒募集...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...

斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...

トップページ中ほどに表示された「The7Values」の項目では、表示された1〜7のリストそれぞれにカーソルを合わせることで右側に表示されたラフなイメージの図形が切り替わる仕組みになっていて、ちょっとした演出がユーザの興味を抱かせる工夫とな...

グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、ラブファミリーの店内が写っています。グローバルナビにてファニチャーやコーディネート、雑貨やギフトなどを案内しています。トップページは2カラム構成で、左サイドではラブ...

グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューでは、全国の沿線・エリアから物件を探せます。グローバルナビにて、首都圏エリアの賃貸物件情報を案内しています。トップページの中央に、ライフスタイル別の物件情報を掲載していま...

全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...

グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...

画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...