植物店ウェブサイト【PUKUPUKU】(架空)

OVERVIEW

多肉植物専門店【PUKUPUKU】(架空)のウェブサイトを制作しました。このお店の強みである、「寄せ植え体験ができる」ことをわかりやすく伝えられるよう工夫しました。

【制作期間】1日(13時間)

【担当範囲】デザイン/企画

【使用ツール】illustrator/Photoshop

【制作目的】宣伝/お店の強み「寄せ植え体験」を分かりやすく伝える

【ペルソナ】多肉植物が好きで、専門店を探している20代~40代の女性


サイトデザイン


【コンセプト】レトロで丁寧な雰囲気

写真選びや文章の作り方を工夫し、近所じゃなくても、行ってみたいな!と思っていただけるような雰囲気が出せるように制作しました。


制作ポイント

1.丁寧で分かりやすい文章作り

・このサイトで初めてお店のことを知る人が多いと思うので、どういうお店なのかが伝わる分かりやすい文章を意識しました。また、読む人に語りかけるような一文を本文の前に大きめに配置することで、お店の丁寧な雰囲気と親しみやすさが伝わるようにしました。

・お店の強みである「寄せ植え体験」の流れを1~4の手順に分け、分かりやすくシンプルな配置に整えました。

2.配色とフォント選び

・店名のロゴと見出しの部分には、読みやすくてぷくっとした個性のあるフォントReSiple Roundedを使用しました。見出しの後のまず目に入る一文には、丁寧でレトロな印象のあるはんなり明朝を使用し、お店の雰囲気がでるように意識しました。本文にはシンプルで読みやすい小塚ゴシックPr6N Rを使用しています。

・写真が際立つように配色ベースはシンプルに、サブカラーに土をイメージしたやわらかい茶色と薄いグレーを使用し、全体的に落ち着いた雰囲気にまとめました。

3.シンプルで写真を多く使用したデザイン

・キービジュアルに一枚の写真を大きく配置し、第一印象でインパクトが与えられるようにしました。

・最初と最後に写真を多く配置し、品揃えの豊富さや、もっと他の写真も見てみたいと思っていただけるように工夫しました。