【click】 ▶ https://m-yui.jp/work/lacrima/ 【ID/pass】▶ yui/morimoto 神戸元町にある美容室「Lacrima」様の公式サイトを制作しました。
 
 店名の「Lacrima」（＝「雫」）をローディングアニメーションで表現し、強みが自然に伝わるよう、トーンや見せ方を設計しました。 ーー　制作内容　ーー 【担当】 企画／構成設計／デザイン／コーディング 【制作期間】 打ち合わせ：2週間／ワイヤーフレーム約1週間／デザイン約3週間／コーディング約3週間 【使用ツール】 Figma／Illustrator／Photoshop／VS Code（HTML・CSS・JavaScript） 【ターゲット】 20〜40代の働く女性（髪質改善に興味がある層）。自然で上品なサロンを探している人。 【課題】 ・情報が分散し、必要な情報にたどり着きにくい ・メニューと価格が別ページで、比較・確認に手間がかかる ・予約と採用の導線が近く、目的が違うユーザーが迷いやすい 【解決】 ・トップで「雰囲気・強み・予約導線」の入口が分かるように整理し、回遊の負担を減らした ・メニュー/価格をまとめて見やすく配置し、ページ内リンクで目的の箇所へ直行できるようにした ・更新が必要な要素は外部連携に寄せ、予約と採用の導線を分けて迷いを減らした