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

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

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

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

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

飲食店のホームページを
各地から取り寄せた鮮魚を刺身、煮魚、焼き魚で提供しています。
国内産の新米にもこだわり、地酒を多く取り揃えています。

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

なし

制作コンセプト

鮮魚・新米・地酒を楽しむホームページのご提案
1. デザイン段階で行った対策
海の深さを感じる濃紺と、ごはんの温かさに通じる生成りを基調にしました。刺身・煮魚・焼き魚の写真を入口に、国産新米、地酒、御膳の料金モデル、楽しみ方、利用シーン、来店案内へ進む11項目の構成です。料理の違いと選ぶ楽しさが伝わることを目指しています。
SEOでは、鮮魚料理・国産新米・地酒という主題と見出しを整理し、検索結果用のタイトル・説明文の案を作りました。AIOでは、利用者の疑問に答えるFAQと条件を整理し、ご依頼で確認できた内容と提案内容を区別しました。どちらも情報設計までで、検索向けの設定は未実施です。
アクセシビリティでは、明るい背景と濃い文字、目的が伝わるボタンを設計し、指定色の組み合わせを計算で確認しました。モバイルフレンドリーでは、3端末の見本を用意し、スマートフォンではカードを縦に並べました。画像上の確認であり、実際の操作確認ではありません。
2. Webページへの実装で行う対策と確認
SEOとAIOのため、見出し・本文・FAQを読み取れる文字として配置し、画像説明とページ内リンクを設定します。構造化データは正式な店舗情報が揃った場合に検討します。これらはページ化を依頼する際に実装・確認する予定で、今回未実装です。
アクセシビリティでは、キーボード移動、選択位置、読み上げ、メニュー開閉を確認します。モバイルフレンドリーでは、狭い画面、文字拡大、縦横表示に合わせて文字と余白を調整します。素材画像の軽量化も今後の作業で、表示速度の測定は別途必要です。
3. 公開時の設定・確認と残っている作業
SEOは、サイト管理者が公開URLや検索エンジンの閲覧設定を確認します。AIOは、店舗担当が店名・住所・営業時間・料理・価格・地酒の内容・利用条件を確定し、制作担当が本文を更新します。各担当者名は未定です。
アクセシビリティとモバイルフレンドリーは、制作担当が実際の公開環境で操作・読み上げ・画面表示を検証します。今回の確認はデザイン画像の目視、画像寸法の読取り、指定色の計算です。
料金や運用は検討用の仮案、写真は料理のイメージです。正式情報と実際の提供写真へ整えてから公開してください。予約フォームは設けていません。検索順位やAI回答への掲載、未検証の規格準拠・全端末動作は保証しません。

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

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

検索・読みやすさ・スマートフォンへの配慮
1. デザイン段階で行った対策
SEO：鮮魚料理・国産新米・地酒を主題に、11項目の見出しと掲載文を整理しました。検索結果用のタイトル・説明文、写真の説明文、ページ内リンクの案を作成しています。内容を把握しやすくする設計で、実際の検索設定は未実施です。
AIO：料理の違い、料金モデル、地酒の選び方、来店前の疑問への回答を整理しました。確認できた提供内容と、未確定の価格・運用を区別し、利用者にも条件が伝わる原稿にしています。
アクセシビリティ：濃い文字と明るい背景、目的が分かるボタンを設計しました。指定色の本文と背景は12.97対1、白い文字と金茶のボタンは5.69対1の計算値です。画像の全画素や実際の操作の検証ではありません。
モバイルフレンドリー：3端末の見本を作り、スマートフォンではカードを縦に配置しました。主要内容と仮案の注記を残しています。小さな注記の文字サイズはページ化時に調整します。
2. Webページへの実装で行う対策と確認
以下はページ化を依頼する際に実装・確認する予定で、今回未実装です。
SEO：見出し・本文・画像説明・リンク・検索用情報を設定します。構造化データは店舗情報が揃った場合に検討します。
AIO：説明と条件を、画像だけでなく読み取れる本文として配置します。公開する内容と根拠の整合を確認します。
アクセシビリティ：キーボード、選択位置、読み上げ名、メニュー開閉を確認します。フォームは今回対象外です。編集用の番号確認表示が必要な場合はページ編集環境で別途対応します。
モバイルフレンドリー：320幅、文字拡大、縦横表示、タップ操作を確認します。画像の軽量化は未実施で、表示速度の測定も別途行います。
3. 公開時の設定・確認と残っている作業
SEO：サイト管理者が公開URL、検索エンジンの閲覧可否、内部リンク、必要なサイトマップ等を確認します。
AIO：店舗担当が正式店名・所在地・営業情報・メニュー・価格・利用条件を確定し、制作担当が仮案とイメージ写真を見直します。担当者名は未定です。
アクセシビリティとモバイルフレンドリー：制作担当が公開環境で操作・読み上げ・実端末表示を確認します。今回は画像の目視、ファイル寸法、指定色の計算までです。予約や送信機能はありません。
検索順位・検索登録・AI回答への掲載や引用、未検証の規格準拠・全端末動作は保証しません。

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