0SAMPLE3 – ユニゼロワンデザインカンプサイト

疑似レスポンシブにより、PC/Tablet/SmartPhoneでの表示対応済です。
このページは、デザインのカンプ（見本）であり、ボタンなどはすべて機能しません。
このデザイン修正依頼は、ページ番号をユニゼロワンの「お申込みフォーム」にてご連絡ください。
*同じ内容で依頼されても全く別のバージョンをご提案する場合がありますので、このデザインを基にした修正では、ページ番号を添えてご依頼ください。
*「お試しプラン」の方は、修正依頼はできません。

このデザインから機能を備えたサイト制作をご希望の方は、ユニゼロワンのホームページより上位プランをお申し込みください。➡ ユニゼロワンホームページ

ユニゼロワンでは機能特化型WEBページ制作を行っており、動きのあるデザイン機能からWEB機能まで、あらゆる機能実装にオーダーメイドで対応しております。

制作依頼内容（このご依頼に従い、ご提案を含めて作成しております）

美容院のホームページを

ご依頼に添付されたファイルの有無

なし

制作コンセプト

髪と毎日を、心地よくつなぐホームページ
「自分らしく、扱いやすい髪へ。」をテーマに、ナチュラルで落ち着いた美容院のホームページを提案しました。アイボリーとセージグリーンに深い緑の文字を合わせ、自然光の写真で柔らかな雰囲気を表現しています。
選ぶための情報を、具体的に
スタイル写真だけでなく、メニューと料金・時間のモデル、悩みに応じた選び方、サロンでの過ごし方、来店の流れ、ホームケア、よくある質問を掲載しました。初めての方が相談したいことを整理しやすい11項目の構成です。
情報が未確定でも、検討できる形に
施術4種類、スタイル3種類、来店の流れ4段階などを具体的な仮案として作成しています。料金・時間はモデル案、接客や設備は提案と表示し、実際の提供内容と混同しないようにしました。正式店名・所在地・連絡先は確認待ちとしています。
画面が小さくても内容を届ける
パソコンとタブレットは3枚ずつ、スマートフォンは6枚の連続画像としてまとめました。スマートフォンは縦に読み進められる配置とし、重要な説明を省かず確認できる構成です。書体や寸法の実装基準も別途用意しています。
検索と理解への配慮
見出し、料金の条件、質問と回答を整理し、検索やAIにも内容を理解されやすい情報構造を設計しました。今回はデザイン作成までで、実際のページ設定・公開は含みません。検索順位やAIでの紹介を保証するものではありません。
公開へ向けたご提案
実際の料金と施術条件、スタッフの紹介、店舗写真、予約先を確定すると、お店固有の魅力と来店導線をさらに明確にできます。写真はすべてイメージのため、実際の施術実績や店舗写真として掲載する場合は差し替えてください。

SEO・AIO・アクセシビリティ・モバイルフレンドリー対策

このサンプルでは、ユニゼロワンでの機能実装プランでのSEO・AIO・アクセシビリティ・モバイルフレンドリー対策を前提にして制作しております。
*対策は、機能実装プランでのみ有効です。

1. デザイン段階で行った対策
SEO（検索で内容を伝えやすくする工夫）：主題、メニュー、スタイル、来店案内を見出しで整理し、検索用タイトル・説明文と画像説明、ページ内リンクの案を作成しました。美容院選びに必要な情報を探しやすくする設計です。実際の検索設定は未実装です。
AIO（AIにも内容を理解されやすくする情報整理）：料金と時間をモデル案として示し、相談方法などの質問と回答を用意しました。お店の確定情報と取り違えないよう、提案・確認待ちを区別しています。
アクセシビリティ（読み取り・操作への配慮）：文字色と背景色を指定し、主要な組合せのコントラストを計算しました。文字・行間・操作領域も設計しています。画像全体の規格適合や読み上げは未検証です。
モバイルフレンドリー（スマートフォンでの使いやすさ）：三つの画面向けに同じ本文を配置し、スマートフォンは六分割で大きな文字を優先しました。見本画像を確認した段階で、実機操作は未確認です。
2. Webページへの実装で行う対策と確認
この区分はページ化を依頼する際に実装・確認する予定で、今回未実装です。
SEO：正式原稿を見出しと本文に反映し、画像説明とリンク、検索用情報を設定します。構造化データは店舗情報の確定後に検討し、仮の料金を実価格として登録しません。
AIO：料金の条件や回答を読み取れる文章として配置し、公開前に店舗責任者が確認した内容へ更新します。
アクセシビリティ：キーボード操作、選択位置の表示、画像の読み上げ、自然な移動順序を実装して確認します。現在フォームはなく入力欄の確認は対象外です。
モバイルフレンドリー：狭い画面、文字拡大、縦横表示とタップ操作を確認します。画像の配信用軽量化と表示領域の確保を行い、速度測定は別途実施します。軽量化・速度測定とも今回は未実施です。
3. 公開時の設定・確認と残っている作業
SEO：サイト管理者が公開URL、検索エンジンの閲覧可否、内部リンク等を設定・確認します。担当者は未定です。
AIO：店舗責任者が店名、施術、料金、時間、運用、写真の妥当性を確定します。今回のモデルは実際の営業情報ではありません。
アクセシビリティ：実装担当者が公開環境で操作・読み上げを確認します。担当者は未定です。見本に残った補助英字は正式原稿に従って整理します。
モバイルフレンドリー：実装担当者が実機表示と速度を確認します。今回の確認環境はWindows上の画像目視・寸法確認・指定色計算です。予約先は情報待ち、送信フォームは対象外です。検索順位・登録・AI回答への掲載や引用、全端末の動作や規格への全面準拠は保証しません。

ページデザイン（PC/Tablet/SmartPhone）ZIPをダウンロードできます。