園児たちの写真が大きく掲載されたファーストビューの画像領域は、右から左にスライドショーで画像が流れる仕組みになっていて、ユーザの興味を抱かせる工夫がしっかりと考えられています。画像領域の上部にはナビゲーションメニューが設置されており、パステル系のピンクを使った可愛らしい印象のメニューがサイトのイメージを作り上げる要素になっています。各メニューにカーソルを合わせると、フェルトで作られた鳥のマスコットが表示される仕組みになっていて、細かいところにも可愛らしさを表現するデザインが実装されています。下層ページで使われる装飾も可愛らしいもので統一されており、温かみを感じるようなサイトが作り上げられています。
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
- 「第二画図保育園」のホームページデザイン解説
ファーストビュー画像は複数枚切り替わるデザインです。子どもたちの笑顔の写真の上にはコンセプトメッセージが記載されています。そのすぐ下には新着情報と感染症情報があります。ページを下部にスクロールすることなく最新情報を見つけることができます。 ...
- 「社会福祉法人桐生牧人会 高砂保育園(公式ホームページ)」のホームページデザイン解説
水彩画風のイラストを壁紙に使用した、カラフルなサイトです。ファーストビューの右から左へ、高砂保育園の年間行事をスライドさせています。グローバルナビにて保育園概要、一日の流れなどを案内しています。トップページの中央に、新着情報と高砂保育園から...
- 「社会福祉法人みどりの丘保育園」のホームページデザイン解説
ベージュをベースにしたカラフルなサイトです。ファーストビューには、可愛いイラストが描かれています。グローバルナビにて、みどりの丘保育園の概要や沿革などを案内しています。トップページは2カラム構成で、左サイドに新着情報とみどりの丘保育園からの...
サービスサイトに関連するデザイン
- 「Caroselling」のホームページデザイン解説
イタリアのデザインスタジオのページで、サイトにアクセスすると画面を埋め尽くす勢いの大きなフォントで書かれたキャッチコピーに圧倒されます。トップページは写真が1枚使われている以外はすべてフォントの大小とウェイトの差のみでコントラストをつけたレ...
- 「KLOAQ」のホームページデザイン解説
オランダにあるデザインスタジオのサイトです。ファーストビューでは画面全体がオレンジのベタに染まり、制作実績のリンクとしてびっしりと敷き詰められた極太のフォントが特大のインパクトを与えています。オレンジの背景、ネイビーとペールオレンジのテキス...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
ホワイトを使ったデザイン
- 「ヘンミ胃腸内視鏡・内科クリニック」のホームページデザイン解説
細身のフォントとシンプルなラインのアイコンで構成された病院ロゴと、病院の様子を伝えるスライドショーで病院の清潔感と信頼感をまず与えています。診療科はイラストアイコンを使って自分のかかりたい科が直感的にわかる構成です。下層ページのタイトルはラ...
- 「STRIVE」のホームページデザイン解説
サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
- 「CADENZA+(カデンザ)」のホームページデザイン解説
ファーストビュー画像はスタイリッシュな画像が切り替わるデザインです。英語の筆記体とと日本語でコンセプトメッセージを伝えておりおしゃれでわかりやすく端的にまとまっています。その下には丁寧なコンセプト文も掲載しています。濃い青の背景に白文字表記...
可愛いなホームページのデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「株式会社ベアハグ・採用サイト」のホームページデザイン解説
大量の子熊のぬいぐるみをまとったモデルのビジュアルが、ファーストビューで驚きを与えます。ベージュ・ブラウン・ピンクなどの柔らかいアースカラーをメインにしたやさしい色使いで、インフォグラフィックの色使いも統一されています。大きめの英文フォント...
- 「大原幼稚園」のホームページデザイン解説
サイトを開くと円形に切り取られた写真が右から左に流れていく演出が見られて、可愛らしい画面がサイトに引き込まれる効果になっています。また背景にはイラストが使われていて可愛らしいイメージを作り上げる要素になっています。スクロールした先では園児た...