かわいいホームページ事例

手描きイラストをふんだんに使った、リフォーム会社のサイト。「笑顔になれるリフォーム」とコンセプトにあるように、親しみやすく暖かい印象のあるデザインだ。トップページのメインビジュアルにはサービスの幅広さを感じさせるように、色とりどりのイラスト...

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

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

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

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

店内で魚釣りが楽しめる、変わったコンセプトの居酒屋「釣船茶屋ざうお」のサイト。ファーストビューを飾るのは、子供が描いたような楽しげな魚のイラスト。 トップページにアクセスすると動画が再生され、店舗のコンセプトを分かりやすく伝えている。...

丸字を活用した可愛らしい、親しみやすいホームページ。ファーストビューはそこまで凝ったデザインではないが、文字サイズが大きいこともあり、高齢者に優しいデザインとなっている。 ベースカラーを黄色としてポイントカラーで緑色を用いており、それ...

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

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

ロゴがサイト中央真ん中に大きく表示される構成で、全体的にフラットでシンプルなデザインとなっている。各ブロックは角丸になっていたり、丸文字になっていたりするため、柔らかい、優しい印象を与えている。 各グローバルナビゲーションはマウスオー...

イラストが多用された可愛らしいホームページ。法律事務所という取っ付きにくいイメージを払拭するようなデザイン。フォントはWebフォントを使って丸っぽい可愛いフォントを使っている。親近感（話しやすさ）・安心感などを演出することに成功している。 ...

ロゴが絆創膏風なデザインになっている可愛らしいホームページ。ピンク色と茶色でデザインされており、メインビジュアルの写真はスライドする構成になっている。ヘッダー部分が少しごちゃごちゃしており、どこを最初に見て欲しいのか？というのが定まっていな...

「がんこクリニック」という名称含め、非常に独創的なホームページデザイン。メインビジュアルの写真は一定時間でスライドするようになっており、ウインドウ幅・高さいっぱいに広がるようになっている。 メインビジュアル含め、下部のページでも効果的...

ファーストビューは至って普通のデザインだが、「初めての方」「メニュー」「スタッフ紹介」などの下層ページが非常に丁寧に作り込まれており、クオリティが高い。 縦書きでWebフォントを使って見出しを作成し、スマホでは横書き表示に変更したり、...

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

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

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

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

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

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