「かわいい!」が詰まったスイーツの国内Webサイト

スイーツって商品自体もかわいくて、パッケージやWebサイトもおしゃれなデザインが多いですよね。今回はそんなスイーツを紹介したかわいいWebサイトを紹介します。どれも食べたくなってしまう…!

UIデザイン必携

かわいいデザインのポイント

淡い色合い

明度の高い、淡い色あいを使ってキュートで親しみのあるデザインに。


鮮やかな黄色が印象的なねこねこチーズケーキ。淡い水色とあわせて商品を目立たせています。


豆乳アイスのアレンジレシピを掲載しているサイト。利用している色数が多いのですが、全体の明度が高いので目がチカチカしたりうるさい雰囲気にはなりません。

やわらかい形

円や楕円、流体シェイプなど、丸っこい形を利用して柔らかく優しい雰囲気を演出できます。


絶え間なくふわふわと形を変えてゆったり動くシェイプが特徴的なLilionte(リリオンテ)のWebサイト。


BAKE CHEESE TARTのWebサイトではスクロールにあわせてとろーんと垂れる背景がユニーク!


不揃いな楕円や、セクションごとの境界線を波形にしているsnaq.meのWebサイト。

手描き風のイラスト

イラストを配置するだけでも可愛らしくなりますが、手描き風であれば温かみも感じられますね。


TOKYOチューリップローズはお花の形をしたスイーツ。商品に合わせてお花のイラストが添えられています。


マヌカンピスのWebサイトでは画像に重ねるようにイラストを配置して、にぎやかで遊び心のある雰囲気に。

参考になるWebサイトいろいろ

ねこねこ食パン


商品画像の上から猫ちゃんの顔が描かれてる!ミルクやテーブルクロスを連想する背景テクスチャもポイント。

TOKYOチューリップローズ


商品の形に切り取った画像やイラストなど、真似したくなるかわいいポイントがたくさん!

Lilionte(リリオンテ)


流体シェイプや手書き文字、淡い色合いなど、かわいいを詰め込んだようなデザインが素敵!

snaq.me


全体的に流体シェイプをあしらっており、ファーストビューの画像は水が流れるように切り替わります。

ねこねこチーズケーキ


ところどころに描かれている猫のイラストや足跡マークもかわいい!

キツネとレモン


油絵風のイラストと商品写真の組み合わせが素敵。キツネさんかわいい。

slow bake


手書き風フォントで親しみのあるデザインに。よく見ると画像の縁をほんのりギザギザにして手作り感を出していますね!

豆乳アイスのアレンジレシピ


明るい色合いや手描き風イラストでかわいさを演出!

DAIICHI SELECT


和紙のような質感や、伝統的な和柄を使って和洋が融合したスイーツを表現。

BAKE CHEESE TART


キャラメルをイメージした色合いや、とろんとしたシェイプが印象的です。

チーズころん


ふよふよ動く流体シェイプや淡い色合いで、商品のころっとしたかわいらしさを表現しています。

世にもおいしいチョコブラウニー


とろけたチョコを森に見立てたイラストで大人可愛いデザインに。

SNOWS


とろりと表示される画像や見出しがとっても印象的。メニューテキストにカーソルを合わせた時の動きも要チェック。

Fortune 台湾カステラ


手書き風フォントやベージュでまとめた色合いで大人かわいいデザインに。

和菓子処 中越


フルーツ大福の味を連想させる、鮮やかな色合いと丸みのあるフォントがポップでキュートな印象に。

東京ばな奈ワールド


おなじみの東京ばな奈のWebサイトは元気の出る鮮やかな黄色が印象的。散りばめられたイラストもかわいい!

シェアする

ニュースレター

Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :)