架空のイメージコンサルタントサロン※のWebサイトを制作しました。要件定義〜デザイン〜コーディングまで行いました。（※パーソナルカラー診断、骨格診断等をもとに「なりたい自分」に近づけるためのメイク、ファッションアドバイスを行うサロン）
サイトURL：https://mikke.cheap.jp/ （2023/12/8まで閲覧可）
▪️制作年月：2023年11月
▪️制作期間（時間）：
[要件定義〜デザイン] 2週間（約25時間）
[コーディング (レスポンシブ含む) ] 2日（約16時間）
▪️使用ツール：Photoshop、Visual Studio Code、HTML、CSS、Javascript(jQuery使用)
【要件定義】
▼内容・目的
サロンを知ってもらい、予約してもらうためのWebサイト（TOPページのみ制作）
▼ターゲット
20〜50代女性
▼デザインイメージ
・雰囲気：優しい温かい、シンプルな雰囲気のデザインとする
「容姿やオシャレに自信がなく、煌びやかなサロンに気後れしてしまう人にも来店しやすい温かい、シンプルな雰囲気のサロン」であるため。
・色：ベースを白、メインをカラフル、アクセントを橙 とする
個性を大切にこれから変化していくというイメージから、ベースカラーを白、メインカラーをカラフルとした。アクセントカラーはサロン名のgerberaの色をもとに橙とした。
【工夫した点】
デザイン
・温かさを出すため、ブラシを使用して柔らかい印象のあしらいを入れました。
・黄、ピンク、緑を使用したカラフルな色合いを各セクションに使用し、色数が多くてもまとまりが出るようにしました。
・写真の色味を調整し、統一感を出しました。
コーディング
・ボタンを認識できるよう、ホバー時に透明度が変化するようにしました。
・ナビゲーションは、画面幅が狭い時はハンバーガーメニューとしました。
・各セクションは、スクロールした際にふわっと表示されるような動きを使用しました。
【制作したデザインカンプ】
以上