園児たちの写真が大きく掲載されたファーストビューの画像領域は、右から左にスライドショーで画像が流れる仕組みになっていて、ユーザの興味を抱かせる工夫がしっかりと考えられています。画像領域の上部にはナビゲーションメニューが設置されており、パステル系のピンクを使った可愛らしい印象のメニューがサイトのイメージを作り上げる要素になっています。各メニューにカーソルを合わせると、フェルトで作られた鳥のマスコットが表示される仕組みになっていて、細かいところにも可愛らしさを表現するデザインが実装されています。下層ページで使われる装飾も可愛らしいもので統一されており、温かみを感じるようなサイトが作り上げられています。
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
- 「西伊丹幼稚園・認定こども園 西伊丹保育園」のホームページデザイン解説
ファーストビューでは鮮やかなレッドとくすんだブルーをアクセントカラーにしたサイドメニューと、園内の様子を紹介したムービーが表示されます。画面に散りばめた写真や図形のグラフィック、ムービーの縁などにわずかに揺らぎをあたえた、手書きのような温か...
- 「第二画図保育園」のホームページデザイン解説
ファーストビュー画像は複数枚切り替わるデザインです。子どもたちの笑顔の写真の上にはコンセプトメッセージが記載されています。そのすぐ下には新着情報と感染症情報があります。ページを下部にスクロールすることなく最新情報を見つけることができます。 ...
- 「社会福祉法人桐生牧人会 高砂保育園(公式ホームページ)」のホームページデザイン解説
水彩画風のイラストを壁紙に使用した、カラフルなサイトです。ファーストビューの右から左へ、高砂保育園の年間行事をスライドさせています。グローバルナビにて保育園概要、一日の流れなどを案内しています。トップページの中央に、新着情報と高砂保育園から...
サービスサイトに関連するデザイン
- 「特別展アリス―へんてこりん、へんてこりんな世界―」のホームページデザイン解説
ファーストビューでは画面全体にかすれたスタンプ風のグラフィックが表示され、レトロなイメージをまず与えます。ピンクとグリーンの文字が次々とスライドする上にモノトーンのテキストと写真の切り抜きが配置されたレイアウトは、展示のコンセプトの「へんて...
- 「STOCK market」のホームページデザイン解説
画面いっぱいに広がるムービーと、丸みを帯びたゴシック体のキャッチコピーががころんと飛び出してくる、迫力がありつつもどこかほのぼのとしてしまうデザインが特徴です。鮮やかなネイビーをバックにホワイトのフォントのシンプルなデザインの上に写真をラン...
- 「ホホホタケ」のホームページデザイン解説
ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...
ホワイトを使ったデザイン
- 「かみむらスポーツ教室」のホームページデザイン解説
サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
- 「JAXA 有人宇宙技術部門」のホームページデザイン解説
ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
- 「となりのひきだし」のホームページデザイン解説
トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
可愛いなホームページのデザイン
- 「るるる温泉」のホームページデザイン解説
シンプルなテキストがくるくると回転して入れ替わるローディング画面から一転して、画面中央に大きく配置されたイラストが奥から手前に、温泉のロゴが下から上にと次々飛び出してくる動きのあるファーストビューで、見ている人に新鮮な驚きを与えます。クラフ...
- 「JHRS TOWN」のホームページデザイン解説
サイトを開くとまず、画面いっぱいにアイソメトリックスで街並みが描かれ、マウスのスクロールで画面内を移動できるポップアップが表示されます。マップ内の各施設はコンテンツの入り口として機能しており、マウスオーバーするとコンテンツのタイトルが吹き出...
- 「合同会社 木漏れ日農園」のホームページデザイン解説
筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...