かわいいホームページデザイン例

ファーストビューの写真をあえてぼかし、「Law × Management」のキャッチコピーが映えるようにデザインされている。すぐ下にスクロールすると「management perspective」の文字が右から左に流れ、デザインのメリハリと...

ファーストビューは『お客さまの「一歩踏み出す」にコミットする』のコピーとビジネス感のあるイラストが表示される。士業系のホームページの多くは最初に写真が表示されることが大半なので、イラストを用いることで印象に残りやすいデザインとなっている。 ...

ファーストビューは男女のイラストの吹き出しが表示され、遺産や相続に関して相談に受けてくれる司法書士法人ということがわかる。昨今はイラストを活用する企業が少ないものの、同社のホームページは印象に残るデザインとなっている。 スクロールする...

優しい暖色のカラーと可愛らしいオリジナルキャラクターで、温かみのある印象のホームページとなっている。形成外科というあまり馴染みのない診療科だけでなく、内科・外科も合わせ保健室と例えることで親しみがわきやすい。 クリニックにありがちな、...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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