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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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