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

学生番号

2306080005

学科

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

学年

1年

卒業年度

2027年 卒業予定

作品

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


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

以下はその成果です。

完成までの流れ




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

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

フレームワークをしました。
とても楽しかったですし、
柔軟なアイデアを出すことが出来ました。

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

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

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

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

ページ構成

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

イラストと写真を併用

例えば、オーナー様のアイコンはイラストにしています。
それは、
イラストの方がよりアイコニックになりキャラクター性を高められる
と同時に、温かみや受け入れやすさも出る

からです。
そして、店舗の写真は写真を使いました。
それは、
店舗の雰囲気はユーザーは現実のことが知りたいと思うはず
だからです。
写真は現実・事実のことなので、説得力が増します。
そのようにイラストの特色と写真の特色をうまく使い
ユーザーによりよくブランドについて訴えかけられるよう工夫しました。

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

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

シンプルに

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

コンテンツを充実させる

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

反省点

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

↓卒業進級制作展の様子


以上閲覧ありがとうございました!


メッセージ

いろんな経験を待ち望んでいます!!
インターンさせて頂けるような企業様のご連絡をお待ちしております!
できれば、アイデアを出したり、改善点を見つけたり、推論することが大好きですので
そういったことが含まれる仕事内容だと嬉しいです。
それから人のお役に立てるような事がしたいです。

希望職種 

アイデアを出したりとクリエイティブで、
人やものをマネジメントできる職種。

使用可能ツール

Illustrator
Photoshop
Dreamweaver
等勉強中

学生へのメッセージ、スカウトなどは「お問い合わせ」からご連絡ください。
以下PDFは中期発表時に使用したプレゼンシートです(発表メモ含む)


  • Team3_スライド_format .pdf
学生ポートフォリオ
879件