I's 髪工房
美容院のWebデザイン制作・提案
MainVisual
Overview
What is this?
北九州市にある美容院のWebデザイン制作・提案
Background and Purpose
Background
- ホットペッパービューティーやミニモなどのサロン検索予約サイトには掲載していないため美容院についての詳細を知る手段が少ない。
- SNSだけでは顧客にとって必要な情報が固定できないため、Webサイトで情報の固定化を図っている。
- 現サイトのデザインでは知りたい情報が見つけにくいと感じた。
Purpose
- 現サイトよりもさらに情報を見つけやすいようなWebデザインを制作し、提案する。
Concept
- ファーストビューで店内の雰囲気がダイレクトに伝わるもの
例：トップページで複数画像の切り替え
- 情報を見つけやすいサイトデザイン
例：文字情報だけでなく各ポイントで写真やイラストを入れて視覚的に分かりやすくする
Outputs
- 提案書スライド20枚程度(PowerPoint)
Adobe X Dで制作したWebデザインをまとめたもの
もしくはWebサイト(コーディング込)
Tools
Hardware
- MacBook Pro
Software
- Safari
- Chrome
- Firefox
- Illustrator
- Adobe X D
- PowerPoint
Term
2022.09.21 - 2022.12.21
Conclusion
中間報告
Research
Current Situation
Precedent
- SANKOU!
- 1:5/5:25の法則
Technology
Project Management
Schedule
スケジュール表
ToDo
-制作環境の整理
-スケジュール表作成
-中間報告準備
- ヒアリング
- ワイヤーフレーム作成
- モックアップ作成
- プロトタイプ作成
- 作品一次提出準備
- 最終報告準備
WORK LOG
2022.10.26
作業メモ
2022.10.19
作業メモ
- Spotify API セットアップ
Node.js インストール
2022.10.12
作業メモ
- サイト編集
動作確認
小テーマ設定
Spotify埋め込み確認
ヘッダー&フッター編集
2022.10.05
作業メモ
Xfreeでサーバー取り直し
- http://findmusic.php.xdomain.jp/
ToDo項目記入
- 制作環境の整理
- スケジュール表作成
- ワイヤーフレーム 作成
- コーディング
- 作品一次提出準備
- 中間報告準備
- 最終報告準備
Hardware
- MacBook Pro
Software
- WordPress
- FileZilla
- Spotify
- Safari
- Chrome
- Firefox
- Adobe X D
2022.09.28
作業メモ
- 研究テーマ＞＞FiND MUSiC ジャケ写から出会う音楽サイト
- スケジュール表作成
- 先行事例調査
テーマ案
Web
- 色を選択するとその色のジャケ写が出てきて再生ボタンを押すと曲が聴けるような仕組みを作る
2022.09.21
作業メモ
テーマ案
Web
Graphic
参考
