【課題制作】珈琲豆専門店Webサイト改善提案

OVERVIEW

職業訓練校の課題として制作しました。(実際に提案は行っておりません) 珈琲豆専門店様を題材にWebサイト改善提案書を作成。お店の魅力や、珈琲豆へのこだわりがより伝わるWebサイトになるよう提案内容を考えました。

YEAR 2024

■製作期間
 1ヶ月

■使用ツール:使用用途

  • Googleスライド : 提案書作成
  • ShimilarWeb : 競合調査
  • Googleキーワードプランナー : キーワード調査
  • Figma : ワイヤーフレーム・デザインカンプ作成
  • Photoshop :画像編集
  • Canva : 店舗ロゴ作成

目次

ー01. 要件
ー02. 提案書制作過程
ー03. 制作ポイント
ー04. 制作を通して学んだ点・今後の課題

01.要件


■題材Webサイト

 20種類の自家焙煎珈琲豆を取り揃える、珈琲豆専門店


■Webサイト改善提案理由


■Webサイト改善による目標


■ターゲット


02.提案書制作過程


①ターゲット設定、Webサイト改善による目標の提示

②題材Webサイトの分析


③キーワード調査

  • キーワードプランナーを用いて、SEO対策として狙うキーワードを選定。
    検索結果の調査を実施


④競合Webサイト調査

  • PageSpeedInsightsScore、Similarwebを用いて題材Webサイトと競合Webサイトのページ読み込み速度、直帰率等を調査


⑤調査結果を基に題材Webサイトの課題を抽出


⑥課題に対する競合Webサイトの参考点を提示


⑦現Webサイトの改善案を検討


⑧改善ページの提案

  • 改善案を踏まえて、改善後のWebサイトを提案。
    イメージしやすいよう、デザインカンプを自主的に作成


提案書の詳細はこちらをご参照ください


03. 制作ポイント


■クライアント様にとって分かりやすい提案書

  • できる限り専門用語を使わない
  • 文章量が多くならないよう、端的にまとめる
  • 画像を多くすることで、文章を読む負担を減らす

以上の3点を意識して、提案書を作成しました。


■改善後Webサイトのデザインカンプを作成

題材Webサイトが古い形式のWebサイトだったため、全面的にリニューアルを提案する形となりました。自主的に改善後Webサイトのデザインカンプを作成して、具体的にイメージしていただけるようにしました。また、各コンテンツのポイントを端的に説明しております。


04. 制作を通して学んだ点・今後の課題


■学んだ点

  • Webサイト改善提案書作成の一連の流れ
  • 順序立ててWebサイトの改善提案を行う
  • 課題に対する改善案の検討


■課題点

  • ECプラットフォームの利用を提案するのであれば、カレンダー等の機能が実装できるかの確認を事前に行う