ポップなホームページ・Webサイト事例

カラフルな風船を持った写真がメインビジュアルを飾るトップページ。サイトの背景にも風船が飛ぶようなアニメーションが動いている。ヘッダーやフッターなど随所に風船の写真が掲載されており、サイト全体を通して楽しげな空気を感じられる。 グローバ...

ひよこのようなキャラクターが可愛く印象的なトップページ。キャラクターの視線はマウスに追従するように動くほか、マウスオーバーするとぷるぷる震えるアニメーションが実装されている。このキャラクターはサイトの随所に用いられており、ポップで楽しげな印...

明るくポップな色味で、フレンドリーな印象のあるサイト。トップページの「会社設立をお考えの方へ」ボタンなどは、マウスを載せると現れる光沢感のあるエフェクトが特徴的だ。 サービス紹介ページではテキストを箇条書きにする・アイコンを用いるなど...

コーポレートカラーのオレンジが暖かい印象を与えるサイト。 ロゴマークにも使用されている犬のモチーフを活かし、サイト内の随所に可愛らしいイラストを使用している。「ページの上へ」ボタンや見出しなど、隅々まで遊び心が感じられる。 フリ...

トップにサッカーボールを抱えた代表の写真が掲載されたこのサイトでは、芝生やグラウンドなどのサッカーを連想させる写真を使用しているほか、「ページ上部へ戻る」ボタンなど、サイトの随所に遊び心を感じさせる。 ビビッドな青色と黄色を使用したデ...

弁護士事務所などの士業のホームページは青色をベースカラーに使ったサイトが非常に多いものの、こちらのホームページは緑色をベースカラーにしている。 代表が女性弁護士ということもあり、可愛らしい・柔らかい印象を与えるデザインとなっており、全...

アイコンが多用されたポップで可愛らしいホームページ。 メインビジュアルは最初表示されずに、おにぎりが転がって来て、いくつかのスライド写真が表示される仕組み。スライド写真の切り替えのアニメーションも他では見ないような特徴的な動き方をして...

メインビジュアルはポップな、明るい印象を与えるデザインになっており、高齢者層を意識してか全体的に文字サイズが大きくなっている。情報量が多いものの、色や装飾を上手に使っているおかげか重たくなり過ぎず、自社の強みを的確にアピールできている。 ...

写真のトリミングがユニークな鍼灸サロンのホームページ。メインビジュアルの写真はカルーセル（横に自動移動）で構成されており、木を活用した温もりのある院内の写真が暖かい印象を与えている。フォントにもこだわっており、テーマカラーがピンク色というこ...

とにかく動きのある面白いホームページで、以下のようにあらゆる部分が動いて表示される仕組みになっている。 メインビジュアルの写真はスクロールしても固定されるパララックスの仕組で、一体どうやって作っているのか制作側の人間でも良くわ...

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

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

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

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

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

メインビジュアルで街のイラストが使われており、色数が多く、文字が丸みを帯びているためポップなデザインとなっている。インプラントは女性が多く利用する治療なので、恐らく女性をターゲットにデザインされたのだろうが、とても可愛いホームページに仕上が...

子供の写真や可愛いイラストが多用された、保育園や音楽教室のようなホームページ。ちょっと色数が多く、ごちゃごちゃしている印象だが、ポップで可愛い印象を与えている。 楽天のホームページはドンキーホーテのようにデザインが派手でごちゃごちゃし...

メインビジュアルはスライド式になっており、歯の形でトリミングされた院内写真が流れる形になっている。 歯医者ということもあり「歯」と「白」をモチーフにした構成になっており、白色が有効活用されたデザインになっている。曲線が多用され、各タイ...

全体的に丸みを帯びた構成になっており、イラストを多用していることもあってかポップで親近感があるデザインになっている。親近感があるデザインというのは、デザインに失敗すると安っぽい印象になりがちだが、線や図形などが工夫されており、安っぽい印象を...