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

COMP ユニゼロワン

ホームページへ
0SAMPLE1

このページのページID：

99
TOPページへ
QR Code

このページのQRコード

このページは、「豊富な機能を組み合わせてオーダーメイドでWEBページを制作する」ユニゼロワンでのページデザインの制作工程で制作されています。
制作工程は、さらにデザインページを基にした運用できるサイトに移管しての独自の「サイト構築」、機能特化型WEBページ制作の特徴である「機能実装」工程に進むことが可能です。
どの工程でもデザインページの修正・再制作、「サイト構築」「機能実装」工程での修正・再作成に対応しております。（「ページデザインプラン」では、制作の再依頼となります）

ホームページ（WEBページ）の制作依頼をご検討の方は、是非ユニゼロワンのホームページをご参照ください。 ➡ ユニゼロワンホームページ

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

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

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

– 工務店のホームページを
– 特にに屋根工事、防水工事、外壁塗装を得意としています。
– お見積り無料で気軽に相談できるように

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

なし

相談前に知りたいことまで届く、工務店のホームページ
屋根工事・防水工事・外壁塗装の紹介に加え、住まいの悩み、相談時に大切にする姿勢、事例の紹介方法、費用の考え方、依頼の流れ、よくある質問、会社紹介まで内容を広げました。
深緑とアイボリーで落ち着きを、テラコッタ色の見積りボタンで相談の入口を表現しています。写真だけでなく具体的な説明を添え、訪問した方が「自分の悩みを相談できるか」「依頼前に何を確認すればよいか」を理解できる構成です。
工種ごとの違いと検討材料を整理し、検索エンジンやAIにも読み取れる本文として実装できる原稿を用意しました。端末が変わっても重要な情報を省略しない設計です。
工務店であること、3つの得意工事、お見積り無料は確認済みです。対応メニュー・方針・運用・事例の掲載方法などは提案として明示しています。会社情報と実例が届いたら内容を確定します。写真はイメージであり、実際の施工実績ではありません。

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

1. デザイン段階で行った対策
SEO（検索で内容を伝えやすくする工夫）：3つの得意工事に、悩み・費用・流れ・質問・会社紹介を加え、見出しと掲載原稿、検索結果用のタイトル・説明文を設計しました。相談先を検討する方が必要な情報を探しやすい構成です。検索用の設定自体は未実装です。
AIO（AIにも内容を理解されやすくする情報整理）：悩みと工事内容を対応させ、質問に直接答える原稿を用意しました。確認済み・提案・情報待ちを区別し、実績や保証を創作せず、未確認の内容は案として記載しました。
アクセシビリティ（読み取り・操作への配慮）：読みやすい配色と文字、目的が分かるボタン、選択位置の表示方法を設計しました。主要な指定色のコントラストは計算で確認しています。画像や静的ページにはツールチップ・番号表示を設けません。
モバイルフレンドリー（スマートフォンでの使いやすさ）：同じ内容をパソコン・タブレット・スマートフォン向けに配置し、長い見本は分割して文字を小さく詰め込まない方針にしました。実端末での動作は未確認です。
2. Webページへの実装で行う対策と確認
SEO：見出し・本文・画像説明・検索用情報をページに設定し、重複とリンクを確認する予定です。今回は未実装です。
AIO：正式原稿を読み取れる本文へ反映し、提案と確認済み情報の区別を維持する予定です。今回は未実装です。
アクセシビリティ：キーボード操作、選択位置、画像説明、メニュー等の開閉を実装・確認する予定です。フォーム追加時は入力ラベルとエラーも確認します。今回は未実装です。
モバイルフレンドリー：狭い幅・文字拡大・縦横表示で内容が欠けないことを確認し、画像の表示領域と読み込みを調整する予定です。今回は未実装で、速度も未測定です。
3. 公開時の設定・確認と残っている作業
依頼者は会社情報・対応メニュー・実績・見積り条件・受付方法・質問回答を確認してください。SEOは公開URL・検索可能な状態・リンク、AIOは公開情報の正確さ、アクセシビリティは実際の操作、モバイルフレンドリーは端末表示を制作担当とサイト管理者が確認します。担当者名は未定です。今回の検証は画像・原稿・指定色と納品ファイルの範囲で、ページは未実装・未公開です。検索順位・検索登録・AIでの紹介や引用、未検証の規格準拠や全端末の動作は保証しません。

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