カラフルな配色がポップな、子供向けのかわいらしいホームページです。トラのしまじろうをキャラクターにしており、イラストやぬいぐるみで登場します。ファーストビューも、とらじろうを真ん中にお兄さんとお姉さんがポーズを決めています。トップページの右上に、メニューを出すブラウンのボタンがあります。赤いバナーから入会申し込み、青いバナーから資料を請求できます。トップページの中央には、「英語が身につく3つの特徴」が掲載されています。写真付きアイコンをクリックすると、「しまじろうのえいご」を体験できます。さらに、教材を子供の年齢に合わせて選べます。下層ページより、受講生と卒業生のインタビュー動画を見ることができます。
執筆者
カテゴリ
基本情報
保育園・幼稚園に関連するデザイン
-
「わかば保育園」のホームページデザイン解説ファーストビュー画像領域に大きく表示された画像が、スライドショーで切り替わる際に特徴的なモーションが加えられていることで目を引き、サイトの導入として効果的な役割となっています。スクロールしてファーストビューより下部に進むと画面上部にナビゲー...
-
「天水福祉事業会」のホームページデザイン解説大きく写真が使われたファーストビューがインパクトのある演出になっています。画像はゆっくりと左に移動する効果が加えられていて、スライドショーで切り替わる仕組みによってユーザの目を引き、サイトの導入として効果的な演出となっています。スクロールし...
-
「聖カタリナ学園 ロザリオ幼稚園」のホームページデザイン解説画面を大きく横切る鮮やかなピンクのリボンがまず目に入り、リボンの交差部分を生かした余白に園児募集のバナーを配置した、奥行きのあるレイアウトです。淡いベージュやピンクのグラデーションをベースとした柔らかい色使いと、ページタイトルに添えられたバ...
サービスサイトに関連するデザイン
-
「建築と時間と妹島和世」のホームページデザイン解説文字と画像領域が絶妙なバランスで配置されたファーストビューがインパクトのある演出になっていて、サイトの雰囲気を演出する要素になっています。画像領域に表示された写真はスライドショーで切り替わる仕組みになっていて、動きがあることで目を引き、サイ...
-
「Virgin Hyperloop」のホームページデザイン解説サイトを開くと全画面のムービーが展開されて、思わず見入ってしまうような演出が施されています。スクロールした先ではモーショングラフィックが展開されており、カーソルの動きと連動したモーションや、上部のスピードメーターによってスピードを変えられる...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...
カラフルを使ったデザイン
-
「Utrust」のホームページデザイン解説ファーストビュー全体を使ってシステムの説明モーションが展開され、一連のモーションがサイトを開いてまず目に飛び込んでくることでインパクトのある演出が施されています。思わず見入ってしまうような驚きのある展開で、サイトの導入として効果的な演出です...
-
「spline」のホームページデザイン解説サイトを開くと鮮やかなレッドの画面が表示され、すぐに文字が現れるモーションが展開されます。非常にインパクトがあり、サイトの導入として効果的な演出になっています。画面右上にはプラスマークと「MENU」の表示が設置してあり、クリックするとブラッ...
-
「NEW VIEW」のホームページデザイン解説カラフルで目を引く画像がファーストビューに設置されており、常時動き続けるモーションが加えられていることでユーザの興味を抱かせる効果的な表示なっています。画像領域には「NEWS」の項目も設置されており、それぞれにサムネイル画像が用意されていて...
ポップなホームページのデザイン
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...
-
「Tyrus」のホームページデザイン解説サイトを開くと画面右半分に大きく様々なタッチのイラストが表示されて、インパクトのある演出になっています。イラストは短いスパンのスライドショーで切り替わる仕組みになっていて、次々と現れるイラストに目が釘付けになるようなサイトの導入として効果的...