企業課題・凰茶堂様のWEBサイトの新デザイン案のご提案

寺坂奈菜

フォローする

学生番号

2306080005

学科

スーパークリエーター科
EC＆ネットビジネス専攻

学年

1年

卒業年度

2027年　卒業予定

作品

株式会社IDA様
凰茶堂様のご協力のもと、

凰茶堂様のWebサイトのリニューアル案
を考えることになりました。

以下はその成果です。

完成までの流れ

↑訂正：チームでどういうwebサイトにするかミーティング中に作成したプロトタイプ
でした。失礼致しました。

（他にもいくつか簡単なプロトタイプを作成しました）

↓株式会社IDA様のご協力のもと、
サイトマップから考えたり、３C分析等いろんな分析方法や思考方法を使いながら真剣に向き合いました。
(多いので一部だけ掲載します)
なかでも、マンダラート発想法を使った、
もし○○(テーマ)なら
こういう凰茶堂になる
というのを決められた短い時間内にアイデアを出す。
フレームワークをしました。
とても楽しかったですし、
柔軟なアイデアを出すことが出来ました。

↓Adobe XDで作成した。最終デザイン案

「ブランド力を高めるのが目的のOLさん向けwebサイト」

というのを主軸に作成しました。

いろいろと意図したところを紹介したいのですが、
長くなるのでいくつかだけ
こだわりポイントとして紹介したいと思います。

ページ構成

ブランド力を高めることを強く意識したので、
ブランドストーリーについてしっかり触れてもらえるような構成にしました。
そうすると常連さんにはすぐに知りたい営業スケジュールやニュースがわかりづらくなってしまうため、右下にすぐにそのページに飛べるようなボタンをつくりました。

イラストと写真を併用

例えば、オーナー様のアイコンはイラストにしています。
それは、
イラストの方がよりアイコニックになりキャラクター性を高められる
と同時に、温かみや受け入れやすさも出る
からです。
そして、店舗の写真は写真を使いました。
それは、
店舗の雰囲気はユーザーは現実のことが知りたいと思うはず
だからです。
写真は現実・事実のことなので、説得力が増します。
そのようにイラストの特色と写真の特色をうまく使い
ユーザーによりよくブランドについて訴えかけられるよう工夫しました。

どんどん下のページも見たくなるように

ユーザーにより下部へ進んでもらえるように、
ページとページの間にイラストを置き、
その先が見たくなるように工夫しました。

シンプルに

それから本来の凰茶堂様のホームページの情報量が多かったので、
なるべくシンプルにかつ、あたたかみがあり、落ち着いた感じが伝わるように
意識しました。

コンテンツを充実させる

自分のお茶の好みを見つけられるように
茶葉のおすすめYES・NOチャートコンテンツや、
このお茶には
こんな食べ物が合うというようなことがお勧めできる
茶と食の手帖など、
顧客をファン化させるような要素も取り入れました。
今後は急須のキャラクターに、より肉付けを行い
キャラクター紹介ページをつくるのも良さそうです。

反省点

最初のアイキャッチがもっと明るく、どんな店かわかりやすいものにすべきでした。
もっとブランドの名前を覚えてもらうような工夫が必要でした。
茶房メニューやオンラインショップなどのアイコンが並ぶページでは、もっとボタンを押したくなるような工夫が必要でした。
ブランドストーリーを説明する文字が多すぎました。文字に読みにくさがありました。
急須のキャラクターはイラストにした方が良かったのですが、これは自分ので描いてみましたがかわいくかけず失敗しました。そしてもっと急須のキャラクターを推しても良かったように思います。
これは少し反省点とは違いますが、お茶へのこだわりについてもっとちゃんと文を書きたかったです。これは凰茶堂様にこだわりを是非伺いたかったのですが、ご迷惑になると思い断念しました。

↓卒業進級制作展の様子