【自主制作】架空Webサイト制作(カフェのPR)

OVERVIEW

キャリアスクール「SHElikes」の任意課題にて、Webサイト制作に取り組みました。(制作時間:約42時間 )

YEAR 2023

目次

① 要件

② サイトの内容を決めた経緯

③ 制作したサイト

④ 要件の詳細

⑤ ペルソナ

⑥ 工夫したこと

⑦ 学んだこと


① 要件

■クライアント情報

・クライアント名:World Sweets Cafe, TOKYO

世界のスイーツを提供するカフェ。「日本にいても世界のスイーツを楽しめる場所」をコンセプトに、 各国から輸入した材料でスイーツを作り提供している。

■ターゲット

・20代~30代の女性

・スイーツが好きな方

・海外旅行が好きな方

■目的

お店のプロモーション

② サイトの内容を決めた経緯

海外のカフェやスイーツが好きなので、「こんなお店が東京にあったら良いな」という思いで制作しました。

③ 制作したサイト

■動画

■画面キャプチャ

④ 要件の詳細

⑤ ペルソナ

⑥ 工夫したこと

■文章・写真

ターゲットの年齢層(20代~30代の女性)に合わせ、文章を少なくし写真(ビジュアル)を目立たせました。
※現代の学生や若い人は何か「しながら」情報を探すことが多いので、目からの情報を第一に考え、ビジュアルで「これを食べたい」「行ってみたい」と思えるようなサイトにしました。


■配色

作成した要件定義書・ペルソナを元に配色しました。

■ボタンの色

各ボタン(メニュー・メインコンテンツ・メニュー表「閉じる」)の上にカーソルをのせた時に色がアクセントカラーに変わるよう設定しました。


■コンテンツ内容

(1)メニュー表

メニュー表のベースを「Canva」で作成することで、簡単にメニューの内容を変更できるようにしました。

※ワールド・スイーツ・カフェ・トーキョーでは毎月メニューが変わる設定のため、メニュー表の変更作業を簡単にすることが重要だと考えました。

(2)予約システム「TableCheck」の導入

電話での予約はお店側の負担(混雑時を想定)やお客様側の負担(電話をかけて予約内容を伝える)になると考え、オンラインで予約できるようにしました。


(3)SNS(インスタグラム)で情報共有

ターゲットの年齢層を考慮すると、お店について調べる際はWebサイトの検索機能だけでなくSNS(特にインスタグラム)を使用することが多いと考えられます。又、お客様による掲示板投稿(口コミ投稿)もお店のプロモーションになると考え、インスタグラムを使用することにしました。

⑦ 学んだこと

Webサイト制作の一連の流れ(要件定義書・ペルソナシート作成、ワイヤーフレーム・デザインカンプ制作、コーディング作業)を学びました。