Webの占い学校

【作成過程】

＜Step1＞ 事前ヒアリング

お客様のご希望を汲み取るためにヒアリング。ヒアリング項目は主に以下の通り：

• 旧サイトへに対しての問題意識がどこにあるのか？
• 新規リニューアルサイトではどのような事を達成したいのか？
• 旧サイトに追加したい機能はあるか？

＜Step2＞テーマや素材をリサーチ

お客様の要望に合うWordPessテーマをいくつかピックアップしご提案。デモサイトを提示しながら、合わせて私が考えるメリット・デメリットを共有した。具体的に仕上がりのイメージをビジュアル的に共有しながらお客様のご要望の理解を深めていった。本件はデザイン性に重きがある事と、カスタマイズのしやすさがポイントだったため、有料テーマでかつ日本のテーマを選択。丁度ハローウィンの時期が近かったので、ハローウィンのサイトをイメージして、テーマや素材を事前にリサーチしてお客様にご提案し、大まかな進め方について合意を頂いた。

＜Step3＞サイト作成

①  全てのページを一通りデザインしながら画像やテキストを埋め込んでいった。

② その後にお客様に進捗状況を含めてご報告。作業のご報告⇒お客様からのフィードバック⇒サイトの修正⇒作業のご報告... とうフィードバックプロセスを通して、サイトを完成させていたた。

③ 上記の過程でサイト作成者としての気づきや改善点の提案を適宜アドバイスを行った。（例えば、サイトマップを設置する事でユーザーに使いやすいサイトにした方が良いこと等）

④ 納品前に全てのページについて以下の事項をチェック

• PC表示・タブレット表示・スマホ表示を確認し表示崩れを起こしていないか？
• リンク切れを起こしているところはないか？
• 誤字脱字はないか？

＜Step4＞納品

いよいよ納品。本件はお客様自身がサーバーにアップロードされるという事だったので、お客様の事前のリサーチについて適宜アドバイスを行った。

【コンセプト】

• Webの占い学校というテーマの中で、”魔法”と”学校”と”西洋風”がサイトコンセプト。
• 占い 講座だけでは無く、様々なコンテンツを追加して行き、訪れるだけで楽しいサイトに仕上げる。
• 占い学校というテーマのもと、ＴＯＰページは本校舎。お知らせは校内掲示板。各講座は教室。ショップは購買部。講師 紹介は職員室。無料コンテンツ（動画）は視聴覚室。その他楽しめるページは談話室。リー ドコンテンツは図書室と言ったイメージ。

【使用技術 】

• WordPressのカスタマイズ
• CSS調整⇒特に黒板調のデザインや古風な紙のデザインはリサーチをしてデザインや素材を提案
• 画像加工