カフェサイトの要件定義

こんばんは!なりです。

昨日は祝日でお休みだったので、

母と出かけました。

出かけた先は…

シャンソンを聴きに行ってきましたよ!!

叔母がシャンソンを習っており、

その発表会に行ってきました。

シャンソンというと…

紅の豚!??くらいしか知らなかったですが、

聴きに行ってよかったですよ!

ステージに立つ方々が輝いていて、

叔母もいつもの感じと違っていました。

いや~…シャンソン…大人の歌ですね~

私もそろそろ聴いてもよいのではないでしょうか!??

カフェサイトの要件定義

現状

今後卒業までに制作するのは…

  1. ポートフォリオ
  2. カフェサイト
  3. オリジナルサイト

この3つを予定しています。

今日は2番のカフェサイトの要件定義を書いていきます。

カフェサイトは学校の課題であり、

このサイトの設定は完全オリジナルです。

実在するお店ではありません。

要件定義(コンセプト)

  • 店名

→ ColoR

  • 場所

→ 福岡県うきは市

  • 特徴

→ うきは産の果物を使ったケーキが自慢のケーキ屋さん、

購入したケーキを食べれるカフェスペースもある

  • なぜHPを作るのか、目的

→ 最近日本人観光客が増えたのでHPを使ってアピールし、集客につなげたい

地域のためのイベントを宣伝したい

(イベントは地域の子供向けにケーキ作り教室、5周年記念イベントなどがある)

  • ターゲット

→ 内の人(地域の人)、外の人(観光客)の2つを主なターゲットにする

  • 年齢層

→ ケーキを食べる年代 20代~40代

ファミリーやカップル

以上が私が考えた要件です。

うきは市を選んだのは、

実家が以前、うきは市の隣の田主丸町にありました。

なので、実家に帰省したときはよく地域の産直に買い物に行っていました。

産直には新鮮な果物や野菜が年間を通してたくさんあり、

しかも価格もかなり安いです!!

当時福岡市に住んでいた私は感動しました。

今でも初夏のももの甘さが忘れられません。

ももにカブリつく感動…

秋はぶどうにいちじく…

今のシーズンは柿です!!

ぜひみなさんも行ってみてくださいね。

食欲の秋ですね!!

その感動を伝えられるようなカフェサイトが作れたらいいなと思い、

うきは市のフルーツを使ったケーキが魅力のお店の設定にしました。

ページ構成

コンセプトが固まったら、ページ構成を考えていきます。

ページの中に何が必要かを洗い出し、

必要なページの部品を考えていきました。

先生からページは2カラム構成とし、

floatを使うようにと指定がありました。

それは守らないといけません。

作成するのはトップページのみです!

さて、入れたい項目を考えていきます。

  • グローバルナビゲーション

→ ページのヘッダーの部分にナビゲーションを入れ、

サイトを見やすくする

  • ロゴ

→ コンセプトやお店が一目で分かるようなロゴ

  • メイン画像

→ 果物のケーキが自慢なので、

印象的な果物のたくさんのったケーキの写真を使いたい

  • フッター

→ スクロールが多くなるようであれば、

フッター付近にトップへ戻るのアイコンがあると嬉しい

とりあえずこれらは必須で入れたいと思います。

他にも…

  • 情報更新欄

→ ブログのような情報更新欄があり、

お店の状況を知ることができる

  • 住所、電話番号

→ 観光客の方がターゲットなので必須!!

見やすいところに配置する

  • イベントのお知らせ

→ 地域のためにしているイベントも目につくようにしたい

  • 季節のケーキのお知らせ

→ お店の自慢である季節のケーキを写真付きで紹介できるようにしたい

  • SNS

→ twitterやインスタへのリンクも今の時代はあった方が良い

他にもいろいろ考えましたが、

あまりたくさん詰め込み過ぎるのもゴチャゴチャしてしまうので、

部品を絞り込みました。

これらの部品をどのように配置するかは、

次回また書きたいと思います。

今日は、ここまでです。

ありがとうございました。