サイト制作スタートの前に

こんばんは。なりです。

土日はずっと自作テーマ(テンプレート)を作ろうと

四苦八苦しておりました…

先生から教えていただいたサイトは

ドットインストールです。

動画で説明してくれながら勉強できるので

理解しやすいです。

それに無料コンテンツも充実しています!!

ありがたいサイトです!!

自作テーマ作成の道のりは

まだまだ長いですが、

確実に進んでいきたいと思います。

サイト制作スタート!??

職業訓練では一通りの基礎的な勉強が終わり、

自分の作品制作に入ろうとしています。

先生から出された課題↓

「カフェのホームページ作成」

  • 2カラムのレイアウトにする
  • index.htmlまで作成する
  • 写真やイラストは著作権に留意し、使用できるものだけとする

ワイヤーフレームやデザインカンプを作成し、

コーディングを行うという手順で進めていきます。

今日はデザインの勉強になるようにと

adobeのXDを使用してホームページのトレースを行いました。

トレースを行うとホームページの構成や構成要素の配置、余白の取り方など

デザインの勉強になります。

このまま制作スタートさせていいの!??

このままサイト制作をスタートさせていいのでしょうか!??

まだまだ手持ちの武器が少ないように感じています。

先生曰く、このくらいのサイトなら3日くらいで完成させることが可能とのこと…

私はインフラでの経験を思い出しました。

システム構築は

  1. 要件定義
  2. 基本設計
  3. 詳細設計
  4. 構築
  5. テスト
  6. 運用

この流れがありました。

このままスタートさせると構築から始めることになります…

それはダメです!!!

要件定義や設計をおろそかにすると、

後から大変なことになると学習済です!

まずは要件(企画やコンセプト)を決めることから始めました。

要件を決める!!

今回はお店の設定は自分で決めていいので、

要件を考えてみました。

本来であれば、クライアントからヒアリングする必要があります。

カフェの基本情報

  • 名前 → ColoR
  • 場所 → 福岡県うきは市

お店の特徴

  • 初めてホームページを作る。
  • うきは産の果物を使ったケーキにこだわっている。
  • お店にカフェスペースを併設し、店内でケーキを食べることが可能。
  • 今月で5周年を迎え、キャンペーンをしている。

目的

  • 周辺施設に観光客が増えてきたので、観光客の集客につなげたい。
  • 来店するお客さんに、お店の果物へのこだわりを知ってほしい。

ターゲット

  • 観光客、近隣住民の方

架空のお店を考えるのは楽しいです!

私の両親が以前、田主丸の方に住んでおり、

うきはが果物の里だということを知っていたので場所はそこを選びました。

ちなみに梅雨明けから初夏にかけて、

ももが安くて、種類も豊富でとてもおいしいですよ!!!

要件がだいたい固まったので、

次は、どんなカフェのサイトがあるか調べて、

必要なコンテンツや配色、サイトのレイアウトなどを考えていきたいと思います。

では、今日はここまでです。