WORKS

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

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

 

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

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

 

世界観の表現

鉢だけでなく、専用の化粧箱や、オリジナルカードなど付属品にもおもちゃらしさを演出するこだわりを持つ「怪根奇譚」。

その「おもちゃらしさ」をWEBでも表現するため、セクションごとに背景を実際のパッケージに用いられている色で配色。
カラフルで明るい印象にし、商品と統一感を出しています。
また、商品のサムネイルは実際に商品付属のカードを意識した形にし、跳ねるような動きで出現します。
商品名はブランドの世界観を取り入れたフォントを手書きで作成し、おもちゃらしさを演出しています。

 

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

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

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

 

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

 

Visit Website
Website:https://kaikon-kitan.jp/

 

Web Design : 司馬暁音
Director : 大石淳司

CONTACT

masuda google maps

698-0025
島根県益田市あけぼの西町3-14

0856-25-7651

0856-25-7653

tokyo google maps

151-0063
東京都渋谷区富ヶ谷2-21-15,
松濤第一ビル 1F

03-6804-7896