#author("2026-07-13T16:13:04+09:00","default:member","member") #author("2026-07-20T14:26:04+09:00","default:member","member") *美容室 webサイト制作（デザイン決め） hirari hairのwebサイト制作 #image(mainvisual1.png) -源島咲太郎 --'''Keywords：webサイト, 美容室''' -[[相互評価シート>https://docs.google.com/spreadsheets/d/1xeJnxHJK3bt6jnW1srzqWqv59gLe201ITF_Saen7slk/edit?usp=sharing]]__ ← ここからコメントをお願いします。 -[[デザイン案>https://ksumail-my.sharepoint.com/:b:/g/personal/k25as008_st_kyusan-u_ac_jp/IQB79cl_b8D5RrVZjF2v9SuyAfEHwOZpX4ZI_wCAxxC5Iz4?e=WqNZZr]] **概要 ***背景と目的 ポートフォリオに載せる目的で、福岡のヘアーサロン[hirari hair]のwebサイトを作りたいのと、webサイトの制作の練習をしたいため ~ ~ ***成果物の仕様 webサイト HTML ~ ~ ***制作ツール VScode Illustrator ~ ~ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.07.13 ***実施した作業内容 -topページのデザインをIllustratorで作成。 -topページのデザイン自体完成していないため、HTMLによるwebページ作成まで辿り着けていない ~ ~ **2026.07.06 ***実施した作業内容 - webサイトの構成（メニューやどこに何のボタンを配置するのか） -トップページだけ作成したが、サイトがものすごくチープに見えたため、全部やり直した。 ~ ~ **2026.06.29 ***見出された問題点 -どのようなデザインにするのか決まってない ~ ***好評を得た点 ＞ プロジェクトの特性として -プロトタイプがわかりやすい ~ ~ **2026.06.22 ***今回制作したプロトタイプ #image(sitemap.jpg) ***プロトタイプの説明 -おそらくスマホで閲覧する人が多いため、スマホベースでデザインした。 -必要である情報のみを載せて、余白が多くなるようにした ~ ***今回制作したサイトマップ #image(prottype (1).png) **2026.06.15 ***現状分析 ~ ***課題定義 -1. まだ美容室のHPがない -2.自分自身、 実際に利用されるようなwebページを作ったことがない ~ ***制作上のアイデア -1.美容室が白と木ベースとしているため、そのイメージをwebサイトに適用する。 -2.どのようなwebデザインにするかを親にヒアリングしながら作成を進める。 **2026.06.08 ***テーマ候補 -好きなアーティスト紹介 -ファッションアイテムの起源 -自分流節約術 -webサイト練習 ~ ***成果物の仕様 -webサイト ~ ***この演習を通して身につけたいスキル -情報伝達スキル -視覚的デザインスキル ~ ~