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