保育園・幼稚園のホームページ・Webデザイン事例

グローバルナビゲーションが縦書きで、左右のフラッグが連なった飾り（フラッグガーランド）が印象的な、可愛いくてポップなホームページ。全体的に文字サイズが大きく太字で案内されており、ユーザに優しいデザインになっている。 メインビジュアルの...

カラフルなデザインで可愛らしく仕上がったホームページ。ロゴやグローバルナビでは文字間が非常に広く取られており、メインビジュアルにはYoutubeの動画が載せられている。 こういった動画はYoutubeで再生するのではなく、Html5の...

メインビジュアルの写真のトリミングの独特さと、上部の左右にぶら下がっているフラッグが連なった飾り（フラッグガーランド）が印象に残るホームページ。着目したいのが、幼稚園のスケジュールをGoogleカレンダーを使って保護者に告知しているところだ...

イラストが多用されたレスポンス化されたホームページ。メインビジュアルのスライド写真の1枚目はYoutubeにリンクされる設計で、全体的にシンプルに仕上がっている。イラストが効果的に使われているためか、シンプルながらも安っぽくなっていない。 ...

メインビジュアルで園内を撮影したと思われる動画が使われており、目新しさを感じるホームページ。レスポンス化されているが、動画の部分はスマホの通信料を考慮してか、画像が表示されている。余白が広く、ホワイトスペースを活用したデザインで、所々で使わ...

青・白・黄のコントラストが良く、全体的に丸みを帯びた可愛いデザインに仕上がっている。下層ページのサイドメニューは全て画像化されており、視認性が高いデザインとなっている。最近ではサイドメニューがない1カラムなサイトが多く、あったとしても右側に...

グローバルナビゲーションがタブの切り替えとなっており、全体的にシンプルでUI・UXが良いホームページ。構成自体は王道で見新しさがない半面、王道だから使いやすいという側面もある。 下層ページではサイドメニューが右側に表示され、メインコン...

グローバルナビゲーションに相当する部分がブロック要素として並んでおり、グリッドレイアウトと呼ばれる手法でデザインされたホームページで、スマホにも最適化している。こういったあまり例を見ない構成というのは、使い勝手が悪いと思われる場合が多いが、...

とにかく素材感・手書き感溢れるデザインで、子供をターゲットにしていることが一目でわかるデザインになっている。メインビジュアルのスライドの工夫が面白く、ついつい写真をスライドさせてしまう。 GIFアニメーションなどが効果的に使われており...

子供の写真のスライドを前面に持ってきた配色がオシャレなホームページ。各所でマウスオーバーに動作をつけており、見ているだけで楽しく、ワクワクするようなデザイン。写真や枠線は丸みを帯びており、ポップで優しい印象を与えている。全体的に非常にクオリ...

イラストが多用された非常にポップで可愛いホームページ。色数が多く見ていて楽しいデザインになっている。背景は画像を使っているが素材感があり、CSSだけでは表現できない味が出ている。 フォトアルバムというページでは、会員のみ閲覧できるよう...

各ページへ遷移した際の動作が面白く、随所でWebフォントを有効活用し、ほとんどの箇所を画像化せずにコーディングしている。Webフォントとはクライアント（閲覧者）側の環境に依存せずに、指定したフォントを表示させる技術で、これだけWebフォント...