ファーストビュー画像領域ではゆっくりとしたオーバーラップで画像が切り替わる表示が展開されており、サイトの柔らかい雰囲気を演出する要素になっています。画像領域の上部にはナビゲーションメニューが並んでおり、それぞれにイラストが配置されていることで見やすく、可愛らしいイメージが演出されています。それぞれのメニューにカーソルを合わせると微細に動く効果も加えられていて、細かいところまでしっかりとデザインされています。下層ページもイラストをメインに展開されており、ユーザの興味を抱かせる工夫が施されています。見ていて楽しく、全体の統一感が気持ちよく閲覧できるサイトを作り上げています。
執筆者
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
-
「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
-
「第二画図保育園」のホームページデザイン解説ファーストビュー画像は複数枚切り替わるデザインです。子どもたちの笑顔の写真の上にはコンセプトメッセージが記載されています。そのすぐ下には新着情報と感染症情報があります。ページを下部にスクロールすることなく最新情報を見つけることができます。 ...
-
「社会福祉法人桐生牧人会 高砂保育園（公式ホームページ）」のホームページデザイン解説水彩画風のイラストを壁紙に使用した、カラフルなサイトです。ファーストビューの右から左へ、高砂保育園の年間行事をスライドさせています。グローバルナビにて保育園概要、一日の流れなどを案内しています。トップページの中央に、新着情報と高砂保育園から...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ベージュを使ったデザイン
-
「フォトスタジオKOWA_studio clamp」のホームページデザイン解説メインビジュアルは油絵風のテクスチャの上に家族や乳幼児の写真をまとめたスライドショーを配置し、写真館の名前とキャッチコピーをずらして重ねたレイアウトです。淡いベージュをメインカラーに、写真の色味もサイトの色味にマッチするようレタッチして、柔...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
-
「たけうち歯科」のホームページデザイン解説サイトを開くと建物の外観・内装・診察の風景の3枚の写真で構成されたスライドショーが画面いっぱいに表示されます。清潔感のある2色のブルーにオレンジをアクセントにした色使いで、診療案内は傷んだ部分にオレンジを差した歯のイラストで親しみやすさを、...
優しい・柔らかいなホームページのデザイン
- 「フォトスタジオKOWA_studio clamp」のホームページデザイン解説
メインビジュアルは油絵風のテクスチャの上に家族や乳幼児の写真をまとめたスライドショーを配置し、写真館の名前とキャッチコピーをずらして重ねたレイアウトです。淡いベージュをメインカラーに、写真の色味もサイトの色味にマッチするようレタッチして、柔...
-
「株式会社MSC_ピタッと介護」のホームページデザイン解説メインビジュアルは女性の笑顔の写真を使い、写真の左側は背景と馴染ませて上に重ねたキャッチコピーが読みやすくなっています。オレンジをメインカラーにした温かみのある色使いで、リンクボタンなどに使われたグリーンがアクセントになっています。コンテン...
-
「三条リネンサプライ株式会社」のホームページデザイン解説メインビジュアルは中央に菱形のスペースを設けてキャプションを配置した画像を3枚使ったスライドショーで、サービス内容を簡潔に紹介しています。ホワイトと淡いブルーのグラデーションで背景を切り替えたさわやかな色使いです。コンセプト紹介の部分は写真...
