Everyday Plant + Pot 怪根奇譚 - カイコンキタン

Date
2021 Dec
Category
Summary

塊根植物専用の鉢を扱う、「怪根奇譚」のブランドサイト制作に携わらせていただきました。商品コンセプトである「おもちゃらしさ」を意識した、アニメーションを用いた遊び心のあるデザインにし、怪根奇譚の魅力を伝えられるようにしました。

怪根奇譚で扱う鉢は、「植物を育てることで、手軽で身近に自分らしさを表現」というテーマをもとに他にはない特徴的な形と、鉢それぞれにコンセプトを設定し、時間をかけてデザイン・印刷・仕上げを行うというこだわりがあります。

その世界観・魅力をそのままユーザーに伝えられるよう、ブランド要素を取り入れることはもちろん、アニメーションにも遊び心を取り入れることで、webならではの方法でブランド独自の世界観を表現しています。

世界観の表現

鉢だけでなく、専用の化粧箱や、オリジナルカードなど付属品にもおもちゃらしさを演出するこだわりを持つ「怪根奇譚」。その「おもちゃらしさ」をWEBでも表現するため、セクションごとに背景を実際のパッケージに用いられている色で配色。カラフルで明るい印象にし、商品と統一感を出しています。

また、商品のサムネイルは実際に商品付属のカードを意識した形にし、跳ねるような動きで出現します。商品名はブランドの世界観を取り入れたフォントを手書きで作成し、おもちゃらしさを演出しています。

ユーザーの心を動かすアニメーション演出

世界観を表現するため、特に注力したのがアニメーション。雫やフォントが跳ねたり、スクロールするとカードが展開するなど、遊び心をふんだんに入れています。

こだわりの詰まったパッケージの魅力を伝えたく、ボタンを配置しクリックで説明テキストが展開する仕組みを実装。
付属のカードはwebデザインにも用いらせていただき、スクロールすると動くよう実装。ユーザーが見て楽しめるような演出を心がけました。

また、追従してくるナビゲーションはスクロールしていくとじんわり色が変化する演出に。ふにゃふにゃ動くECサイトへの導線は、生き物の様子をイメージしています。

Web Design

司馬暁音

Director

大石淳司

THANK YOU
ありがとうございます

Other works

PONTI DESIGN STUDIO

WEB