コーティングサイト（PC/SP両対応）：https://ty610318.stars.ne.jp/demo_yano/index.html
- 制作日：2025年6月
- 使用ツール：VSCode(コーティング)、Adobe Photoshop(画像編集)
- 制作時間：10日(企画〜コーティングまで)
- 制作意図：兵庫で経営する架空ヘアサロンのサイトリニューアル（訓練校企業実習作品）
- サイト概要：開店20周年を迎え、新店舗もオープンすることになったことを記念して、古かったサイトをリニューアルし、さらにレスポンシブにも対応させるようにする
- サイト目的：PC、スマホ両対応のページを作ることで、集客率を上げる。また、新店舗を含む各店舗の紹介やメニューリスト、スタッフ紹介欄の追加、予約が取れるようにするなど、現在のヘアサロンWebサイトでも取り入れられている機能を追加する
- コンセプト：クライアントが提唱する人との「縁」を大事にする店、若年層から高齢者まで幅広い年層に対応するおしゃれな美容室
- ターゲット：主に20〜30代 男女
- デザインテーマ：シンプル
- カラー配色；＃f0f5e9（メイン）、＃5d5c5c（（サブ）、＃009944（アクセント）
企業実習でのカリキュラムとして架空ヘアサロンのWebサイトリニューアルに挑戦してみました。
リニューアル前のサイトはレスポンシブ未対応である上に、サイト内の各要素の配置が見にくかったり、予約ボタンやSNSリンク、メニューリストがないなど、現代のサイトでのマストとなるものが導入されていなかったため、それらを改善するという目標で取り組みました。
とくに一番叶えたかったのは、レスポンシブ対応の部分であり、各ページでPC版を作成してからスマホページも作成するという手順で制作しています。
全体的にシンプルな構造になっていますが、サイトとしての見やすさ、使いやすさを重視した結果です。
このWebサイトは模擬であり、サイト内リンクは下記ページが機能します。
- HOME（index.html）
- SALONS
- MENU
- RECRUIT
- NEWS
コメント