かわいい色合い・イラストの入ったデザインが大好きな新人デザイナーのmgです！今回は色々な見せ方のかわいいサイトを女子目線で！まとめてご紹介したいと思います。
目次
タカガール
全体にピンクが使われており統一感が出ているサイトです。元気なのに派手すぎないピンクの色づかいが絶妙でチームカラーともマッチしています。フォントもスポーティーでかわいらしいものが使われています。
AQUA オーナー×カラー大全 | トヨタ自動車WEBサイト
イラストがとてもかわいいサイトです。色をテーマにしたサイトだけあってカラフルで見ているだけでも楽しい気分になります。親しみやすい色合いやイメージを使い様々な切り口から車の色について分析しており車に馴染みがない人でもついついじっくりと見てしまう魅力的なサイトです。
ORIENS（オーリエンス）
各々の味をイメージしたカラフルな色合いと水の動きのようなアニメーションが紅茶のイメージにぴったりのサイトです。フォントや装飾から上品な印象や紅茶の香りのようなふんわりした印象を感じます。
cullet（カレット）
ところどころにアクセサリーの写真やイラストをちりばめている大人かわいいサイトです。ブルーグレーの色味と細みのフォントが大人っぽく上品な印象です。上から降ってくるお花の動きや宝石の形のような写真のトリミングもキラキラ感ががあってとてもかわいいです。
ひろしま空き家バンク みんと。
イラストやフォントづかい、壁のようなテクスチャーの使用がどこか懐かしくかわいらしいサイトです。テーマカラーのミントグリーンが懐かしくあり新鮮でもあり、サービスやネーミングにもぴったりで絶妙です。
FAMILY OUTDOOR まめ知識
手書き風のかわいいイラストが全体に使われているアウトドア豆知識のサイトです。サイトを開いた時のぽこぽことした動きがとても楽しいです。かわいいイラストに少し落ち着いた雰囲気の青と緑の色合いのグラデーションが使われているのが夜空と山のような雰囲気で素敵です。この色合いは”まめ知識”というテーマに沿った知的な色合いのようにも思え絶妙だなと感じました。
パルフェタムール ピュリエット
香りのついたコスメのサイトです。パステルカラーと手書き風のイラストでかわいらしく、ゴールドの装飾や文字で上品さも感じます。画面がふんわりと浮き出るアニメーションも「香り」のイメージとマッチしていて今にも素敵な香りが漂ってきそうですね。
おいしいおみそ汁(味噌汁)の作り方｜レシピ｜マルコメ
ナチュラルな雰囲気のサイトです。懐かしさを感じる色合いの動画や手書き風のイラスト・フォントから手作り感からほっとするかわいらしい雰囲気を感じます。味噌汁や食材を上から見た丸い画像の並びも動きがあって楽しいです。
A&H Farm
かわいい手書き風のイラストと素朴な色合いが素敵な農作物の生産・加工・販売会社のサイトです。画像のトリミングやボタンがたまねぎ型になっていたりと遊び心が素敵です。
ガラフル
イラストや写真、楽しい動きがふんだんに使われておりとてもかわいいサイトです。シールを貼っているようなアニメーションなど商品や文字に合った動きも細かくついており、見ているだけで楽しいです。上部に屋根のような装飾、下部に出入り口のイラストがあり、まるでお店の中で商品を見ているような作りになっているのが素敵です。
株式会社マーキーズ
イラストやボーダーの装飾が印象的なサイトです。子供の写真とカラフルで楽しい色合いが、温かなぬくもりを感じさせてくれます。
椿音楽教室
手書き風のロゴやフォントの素朴さがやわらかな空気を生んでいるサイトです。イラストやあしらいなどはとてもかわいらしい雰囲気ですが全体的に落ち着いた色合いを使っているため上品さも感じます。
フフフッスイーツ
やさしい色合いやイラストから味の優しさが伝わってくるようなデザインです。イラストの雰囲気やフフフッというフレーズはかわいらしいだけではなくシュールさもありお麩からできているお菓子という商品の意外性も伝えているように思えます。ロード中に出てくるアニメーションもかわいらしいです。
キッズコレッチオ
優しくカラフルな色合いからあたたかい雰囲気や楽しさが伝わってくるかわいらしいサイトです。イラストや装飾は手書き風になっており、サービスの概要も伝わってきます。
熱川バナナワニ園
メインビジュアルの写真づかいや文字の配置がダイナミックなサイトです。赤と緑の色合いや装飾は動植物たちの元気さやかわいさを表しているようで素敵です。水のゆらぎのような動きも温泉街にある熱川バナナワニ園にぴったりですね。ページの先頭へボタンやロード中に出てくるバナナワニのイラストも親しみやすく、かわいらしいです。
ORIGAMI
白と水色が基調になっているシンプルでさわやかなヘアサロンの大人かわいいサイトです。ストライプ模様や小さいはさみのマークが効いています。写真のトリミングやMOREDETAILボタンが独特な形になっており、”カットしている感”や 店名の”折り紙”のようなイメージに見えます。ヘアサロンであることと店名が伝わってくるデザインで素敵です。
株式会社ラナデザインアソシエイツ
手書き風の賑やかなイラストとアクセントにイエローを使ったエネルギッシュでとてもかわいいサイトです。LINEのようなやりとりでメンバーの声を紹介したり、さまざまな場所をクリックできたりと楽しくどんどん読み進めることができます。追従してきた背景のイラストが止まる位置にもこだわりを感じます。
まとめ
独断と偏見でコメントしてしまいましたがどのサイトもかわいらしく素敵でした！今回紹介したかわいらしいデザインにはこのような傾向が多く感じられました。
- 手書き風の素材やイラストをふんだんに使っている
- 細みの綺麗なフォントや手書きフォントを使用している
- 余白を多めにとりゆったりとしている
- 彩度・明度が高い色合い
- 円形や曲線などを多く使っている
- 花などの植物や動物のモチーフを使っている
- 動きのある配置
かわいいサイトを制作する際にはぜひ参考にしてみてくださいฅʕ•̫͡•ʔฅ
