【商品の世界観に忠実!】商品パッケージもサイトも素敵なWEBサイトまとめ

篠原
篠原

デザイナー篠原です。
日々の生活の中で、気に入ったデザインの商品を見つけて、
詳しく調べようと思ってWEBサイトを見に行ったらサイトがものすごくダサかった……
みなさんにそんな経験はありませんか?
わたしは今までに何度かそのような経験があります。。

せっかく素敵なデザインの商品なのに、
どうせならサイトのデザインにも力を入れてほしい…と思ってしまいます笑

そこで今回は、商品のデザインもWEBサイトのデザインも、
どちらも素敵!!というサイトをご紹介したいと思います。

WHITE MOUTH


http://whitemouth.jp/

こちらは歯磨き粉の商品サイトです。
商品名のWHITE MOUTHは、mouth(口)とmouse(ねずみ)がかけてあり、
パッケージにも白いねずみのキャラがえがかれています。
サイト内にもねずみのキャラがちょこちょこ出てきており可愛らしいです。

青と白を基調としたデザインのサイトで、たっぷりと余白もとられており、歯磨き粉という商品に重要な、清潔感が感じられるサイトです。

別鶴


http://www.hakutsuru.co.jp/bekkaku/product/

こちらは日本酒「別鶴」のサイトです。
3種類あるそれぞれの商品のパッケージデザインにあわせて、サイトもデザインされています。
実物を見たことがないのですが、それぞれのパッケージの窓をのぞくと、ボトル内の液体を通して絵柄を見ることができるようです。
サイトも実物のパッケージと同様に、虫眼鏡やシュノーケルの中でコンテンツがパララックスで動くようになっています。
元々の商品のデザインもかなりデザイン性が高くお洒落ですが、サイトのデザインにもかなりこだわっていて素敵です。

offtoco Limited color | ELECOM


https://www.elecom.co.jp/pickup/off-toco/limited-color/

こちらはエレコムのバックパックの限定カラー専用のサイトです。
商品のカラーに合わせて、サイト内もデザインされています。
女性向けな今っぽい限定カラーを展開しており、サイト自体のデザインも女性向けになっています。
パララックスで動く装飾部分や、タイトルのちょっとしたリボン風のデザインがとにかくかわいいです!
個人的に今欲しい商品です。笑

recipist | 資生堂


https://www.shiseido.co.jp/recipist/

資生堂のスキンケア用品「レシピスト」の商品サイトです。
土屋太鳳さんと横浜流星さんがPRで開設していたinstagramが話題になりましたね。
シンプルでありながらも、イラストや商品のフォントにこだわりを感じる、女性向けの可愛いデザインです。
サイト全体も淡いピンク色で、見出しのデザインや成分ごとのアイコンイラストがとにかく可愛いです!
ただ近々販売が終了してしまうようで、残念でならないです…。。

PITTA MASK


https://www.arax.co.jp/pittamask/

こちらはピッタ・マスクというマスクの商品サイトです。
従来のマスクとは異なり、新ポリウレタン素材のマスクです。
マスクの形自体も特徴的ですが、注目すべきはそのカラーラインナップです。
定番カラーの白や、珍しいネイビーやカーキなど、全部で14色もあるようです。
その特徴的なラインナップが、サイトのTOPで4ヶ国語で表示されており、なかなかインパクトがあります。
商品自体も2019年度のグッドデザイン賞を受賞しているようです。

まとめ

いかがでしたか?
商品のデザインの世界観が守られているサイト、やっぱりいいですね!
個人的には、別鶴の商品とサイトのデザインが好みです。

みなさんも、お気に入りの商品のサイトをぜひチェックしてみてください◎

WEB制作・システム開発承ります お気軽にお問い合わせください WEB制作・システム開発承ります お気軽にお問い合わせください