ファーストビュー
施術イメージと「目元から始まる新しい自分」というメッセージを組み合わせ、サロンの魅力が直感的に伝わる構成にしました。
サロンサイト / HTML・CSS・JavaScript
Deis
Eyelash & Eyebrow
Private Salon
目元から始まる、新しい自分。
サロンの魅力を伝えるデザインと、
予約状況を手軽に更新できる仕組みを実現しました。
02
Project Overview
プロジェクト概要- 業種
- まつげ・眉毛サロン
- 担当範囲
- デザイン
コーディング - 制作期間
- 約3週間
- ページ
- 5ページ構成
- 使用技術
- HTML / CSS
JavaScript
Googleスプレッドシート - 対応内容
-
予約状況表示
スプレッドシート連携
お問い合わせフォーム
レスポンシブ
03
Design Points
デザインのポイント
予約状況の自動反映
Googleスプレッドシートと連携し、サロン側で入力した空き枠を予約確認ページへ反映。サイトのコードを編集せず予約状況を更新できるようにしました。
施術例ページ
デザインや本数などの施術情報を写真とともに掲載し、希望する目元のイメージを探しやすくしました。
04
Scope
対応内容- HTML / CSS
- サロンの世界観に合わせた各ページのコーディングとレスポンシブ対応。
- JavaScript
- Googleスプレッドシートと連携し、入力した空き枠を予約状況ページへ反映する仕組みを実装。
- 導線設計
- 空き状況の確認からInstagramのDM・お問い合わせフォームへ自然に進める予約導線を整理。
- 素材
- サロンのやさしく上品な雰囲気に合わせた装飾デザインを作成。
- 表示確認
- スマートフォン・タブレット・PCで予約表の表示と各ページのリンクを確認。
ホームページ制作のご相談は
お気軽にお問い合わせください。