SONICMOOV Googleページ

Webデザインの参考にしたい可愛いサイトまとめ

Webデザインの参考にしたい可愛いサイトまとめ

  • このエントリーをはてなブックマークに追加

さいどうさんの記事『デザインの参考にしたい、タイプ別かわいいサイトまとめ』に引き続き、第二弾として色々な見せ方のかわいいサイトを紹介したいと思います。

手書き感の印象があるサイト

ちびっこうべ

手書き感のあるイラストがかわいいサイト
手書き感のあるロゴやイラストが大変かわいいサイトです。右側のSNSのあしらいや、フッター部分の『ちびっこうべ』のイラストがなんだかほっとします。

litrois

ラインテイストのアイコンがとてもかわいいサイト
ゆらゆらと揺れているヘッダ部分のイラストや、ラインテイストのアイコンがとてもかわいいサイトです。落ち着いた色味の写真や白色ベースのペールトーンの刺し色がかわいい中にも洗練された雰囲気を出しています。

ひげむぅ

個性的なロゴが印象的なサイト
個性的なロゴが印象的なサイトです。背景の手書き感のあるイラストとカラフルな差し色が、見ていて明るい気持ちにさせてくれます。

MOTTAINAI

ロールオーバーが水彩画なWebサイトデザイン
ワンポイントのアレンジのあるロゴがとてもかわいいサイトです。menu部分のロールオーバーが水彩画になっていたりと、ところどころ水を連想させるあしらいがとても素敵です。

Mannekenpis

かわいいイラストが印象的なWebサイト
個性的で味のあるかわいいイラストが印象的なサイトです。色とりどりの素敵なスイーツの写真に負けず劣らず主張しすぎず、絶妙なバランスです。

泳ぎ寿司

テクスチャーのイラストが印象深いWebデザイン
ぬくもりを感じるテクスチャーのイラストがとても優しい印象を与える素敵なサイトです。お寿司になるまでのストーリーをイラストのアニメーションで表現されているところに、作り手の愛を感じました。

NewActon

マウスの動きに合わせて変化するWebサイト
マウスの動きに合わせて、塗りの部分と線がゆらゆら動いて面白いつくりになっています。色が変化していくのもすてきです。

BABY BOOTH

線画もとてもかわいいWebデザイン
赤ちゃんの写真もかわいいですが、線画もとてもかわいいですね。線画のトーンに合ったカテゴリータイトルがモノトーンの配色の中にもぬくもりを感じさせます。

雲水

手書き風のロゴがかわいいWebサイト
鉛筆で書かれたような手書き風のロゴがかわいいサイトです。線画で描かれたシンプルなイラスト、これは雲と水と木でしょうか。洗練されたかわいさを感じますね。

ネドコロノラ

絵本の中の世界のようなWebサイトデザイン
手書きのロゴやテキストがとてもかわいいサイトです。まるで小さい頃に読んだ絵本の中の世界のようです。見ていてとても癒されます。

鍼灸サロン SAKURA

水彩絵の具風の素材を使ったWebデザイン
うすいピンクとポイントに手書き風の文字をつかっているかわいいサイトです。水彩絵の具風の素材のボタンや紙の背景が和のテイストも感じさせ、幅広い層に好まれるサイトだと思いました。

オブリージュインターナショナル幼稚舎

手書き感のあるイラストを使ったWebサイト
手書き感のあるイラストやパーツがとってもかわいいサイトです。ところどころのアニメーションも見ていて楽しいですね。

JINS

シュールレアリスムなWebデザイン
メガネの中に研究所・・!発想がとてもおもしろいです。イラストのテイストはかわいい中にもどこかシュールレアリスムな印象をうけます。ページを遷移するときに全面にそのページのテーマ色がひかれていてとてもすてきです。

コーセー(創業70周年記念サイト)

漢字がアクセントになっているサイトデザイン
余計な飾りを一切使わず、色々なカラーのインパクトのある商品パッケージがぱっと目に入ってくるシンプルなサイトです。筆で描かれた商品イメージを一文字で表した漢字がアクセントになっていてとても素敵です。

株式会社デモ

パステルトーンが可愛いWebデザイン
前面に描かれた手書き感のあるイラストがかわいいサイトです。パステルトーンの背景が明るく楽しい印象をうけます。

プレミアム食堂

上品な印象をうけるサイト
写真以外は白と黒のモノトーンで構成され、上品な印象をうけます。手書き風の線画の挿絵が印象的なサイトです。ロゴが割れたクラッカー(商品)を表現していてかわいいですね。

Nova SELECT

線の飾りが優しい印象を受けるサイト
こちらも、白と黒とシンプルなカラーに手書き風の挿絵が使われています。線の飾りの手書きのテイストがナチュラルでやさしい印象をうけます。

ロゴやフォントのアレンジが素敵なサイト

美しくなる秋

葉っぱのあしらいが印象的なロゴ
葉っぱのあしらいが印象的なロゴです。白色ベースにおちついた配色が品を感じます。

どっこいしょニッポン

動物を使ったボタンが可愛い
カラフルな配色で手書き感のあるロゴが明るく元気な気持ちにさせてくれます。ボタンの上にいる三匹の動物たちもまたとてもかわいいですね。

京阪東ローズタウン

手の込んだロゴがすてき
手の込んだロゴがすてきです。サイト全体も、手書き風のイラストがポイントとなり、写真をたくさん使っているのにも関わらず、すっきりとかわいくまとめられています。

これが最後かもしれないブログ

黄色いカラーが印象的なサイトデザイン
黄色いカラーと個性的な版画でつくったようなロゴがとても印象的です。画像もみかんになっていたりとところどころに遊び心を感じさせてくれる魅力的なサイトです。

色が魅力的なサイト

Sway Water

海外の印象を受けるサイト
配色センスが日本にはなじみのない水色とうすいオレンジだったりと、海外の印象を受けるサイトです。水玉模様のメイン画像がかわいくてとてもすてきです。

フェイスマスクルルルン

まとまりがあるサイトデザイン
カラフルな商品にあわせた画像を画面いっぱいに使っているのにもかかわらず、ごちゃごちゃとせず、まとまりがあり洗練された印象をうけます。白色をベースにしているため、商品がとてもきれいに映えていますね。

大阪・堂島のデザイン事務所

ゆらゆらとゆれるメガホンが面白いサイトデザイン
余白に味があります。白色と黄色とうすいグレーの配色が洗練された印象をうけます。ゆらゆらとゆれるメガホンが面白いですね。

MADE OF SUNDAYS

パステルカラーの印象がかわいいサイト
パステルカラーの印象がかわいいサイトです。ローディングの時のイラストなど細かいところにこだわっていてとてもすてきです。

音であそぶ!体験型フェス

水玉模様、黒色に蛍光色が印象的なサイト
水玉模様、黒色に蛍光色が印象的なサイトです。ところどころにいるキャラクターも味があってすてきです。

AVOCADO

ビビットなピンクが印象的なサイトデザイン
ビビットなピンクが印象的です。蛍光色の配色がメキシカンの陽気な感じを表現していて見ていて元気になります。

まとめ

今回は、かわいいの王道の手書き系から、写真や配色で魅せるかわいさといったまたちょっと違ったかわいさのサイトを集めてみました。
今回のポイントをまとめてみました。

  • 手書き系はやっぱり多かった
  • ロゴも手書きだったりとこだわりのあるロゴが多かった
  • カラフルなお料理や商品を扱ったサイトは、白色ベースで写真に目が行くように工夫されていた
  • ポイントでイラストをちりばめていると、色数の多いサイトも全体がまとまってみえる
  • ローディング画面にパステルカラーの色をひくと、全体の印象がかわいくみえる

独断と偏見でコメントしちゃいましたが、どのサイトもとてもかわいくそれぞれにこだわりが感じられていて見ていて幸せな気持ちになりました。
是非、参考にしてみてください。

  • このエントリーをはてなブックマークに追加

記事作成者の紹介

アリイエ(デザイナー)

ゆるゆるっとデザイナ―をさせていただいております。カレーが大好きです。1にカレー。2カレー。3,4もカレーで、5もカレー♪

関連するSONICMOOVのサービス

Webデザイナー募集!

イラストーレーター募集!

×

SNSでも情報配信中!ぜひご登録ください。

×

SNSでも
情報配信中!
SONICMOOV Facebookページ SONICMOOV Twitter SONICMOOV Googleページ

Webデザイナー募集!

新着の記事

mautic is open source marketing automation