サイトを開くと画面全体に画像が表示されて、インパクトのある演出が施されています。右上にはドロアーで隠されたナビゲーションメニューが表示されていて、メインの画像に干渉しないデザインがしっかりと考えられています。メニューをクリックすると全体に大きく展開されて見やすく、ユーザがサイトの内容を理解しやすい設計になっています。スクロールしていくと、横並びに二面のグリッドに区切られたエリアで写真や文字が展開されていて、それぞれのエリアがビビッドなカラーで色分けされていることで鮮やかな画面が表現されています。下層ページでも同様にカラーが統一されており、画像をメインに展開されていることで楽しく閲覧できるサイトが完成されています。
執筆者
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
-
「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
-
「学校法人峯学園 ひさみ幼稚園」のホームページデザイン解説メインビジュアルのスライドショーは角を丸くトリミングしており、背景に木のシルエットを思わせるグリーンのベタを配置して、手書き風のイラストを散りばめることで可愛らしい印象をまず与えます。濃淡2色のグリーンでまとめられた色使いと、円形にトリミン...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
ポップなホームページのデザイン
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
-
「新潟陸運株式会社」のホームページデザイン解説サイトを開くと鮮やかなブルーのベタが一面に広がり、中央に企業ロゴがアニメーションで描かれた後、画面が切り替わってメインページに移動する演出が施されています。メインページを開くとスライドショーが画面右に寄せて表示され、下に帯を敷いたキャッチ来...
- 「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説
サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
