美容室 webサイト制作（デザイン決め）
hirari hairのwebサイト制作
概要
背景と目的
ポートフォリオに載せる目的で、福岡のヘアーサロン[hirari hair]のwebサイトを作りたいのと、webサイトの制作の練習をしたいため
成果物の仕様
webサイト
HTML
制作ツール
VScode
Illustrator
進捗記録
2026.07.13
実施した作業内容
- topページのデザインをIllustratorで作成。
- topページのデザイン自体完成していないため、HTMLによるwebページ作成まで辿り着けていない
2026.07.06
実施した作業内容
- webサイトの構成（メニューやどこに何のボタンを配置するのか）
- トップページだけ作成したが、サイトがものすごくチープに見えたため、全部やり直した。
2026.06.29
見出された問題点
好評を得た点 ＞ プロジェクトの特性として
2026.06.22
今回制作したプロトタイプ
プロトタイプの説明
- おそらくスマホで閲覧する人が多いため、スマホベースでデザインした。
- 必要である情報のみを載せて、余白が多くなるようにした
今回制作したサイトマップ
2026.06.15
現状分析
課題定義
- 1. まだ美容室のHPがない
- 2.自分自身、 実際に利用されるようなwebページを作ったことがない
制作上のアイデア
- 1.美容室が白と木ベースとしているため、そのイメージをwebサイトに適用する。
- 2.どのようなwebデザインにするかを親にヒアリングしながら作成を進める。
2026.06.08
テーマ候補
- 好きなアーティスト紹介
- ファッションアイテムの起源
- 自分流節約術
- webサイト練習
成果物の仕様
この演習を通して身につけたいスキル
