Webデザインの参考サイトの選び方｜制作会社へ希望を伝える方法

たとえば、架空の設備点検会社がホームページを作り直すとします。初めて相談する施設担当者は、まず自分の設備が点検の対象かを知りたい。そのうえで、見積もりの相談に何を用意すればよいか、どこへ連絡すればよいかを確かめたいと考えます。この記事の会社・原稿・画面案は、この用事を説明するための架空例です。実際の受付条件や操作試験の結果ではありません。

この場合に参考にするのは、サービス一覧の設備名と対象説明、相談前の準備物、問い合わせ先へ進む順番です。大きな写真の印象が好みでも、対象や準備物が見つからなければ、訪問者の用事は済みません。会社の雰囲気を伝える写真と、依頼できる内容を説明する情報の両方を考えます。

自社では「誰が、何を知って、どこへ進むか」を一文にしてください。「初めての担当者が対応設備を選び、必要な資料を確認して相談先へ進む」のように書ければ、見るべき場所が決まります。既存の取引先が資料を探す場合は、別の行き先が必要かも確かめます。

好みのサイトを先に見つけた場合も、捨てる必要はありません。写真、説明の順番、予約の操作など、参考にしたい部分を分けます。業種や配色が同じことより、自社の訪問者が行う用事との関係を説明できるかを優先してください。

表は横へ動かして、右端まで読めます。

「すっきり」「高級感」「見やすい」は好みを話すきっかけになります。ただし、写真の大きさ、文字の少なさ、余白、説明の並び方のどれを指すかは、人によって違います。制作会社へは、その言葉に具体的な場所を足してください。

点検会社なら「サービス一覧の設備名のすぐ下に、対応する点検の説明を置きたい。初めての施設担当者が、自分の設備を相談できるか選ぶためです」と伝えられます。「設備名の下」が場所、「対象を選べる」が理由です。写真の色や大きさだけを同じにする依頼より、必要な原稿が分かります。

次の見本では、空調設備という名前の下に、点検で何を見るかを置いています。対象の機種や場所を確認する条件と、相談前に準備する資料も省きません。名前だけのカードより文字は増えますが、依頼できるか判断するための説明です。短く見せるために重要な条件を消さないことが大切です。

写真については「設備全体を見せたい」「作業の様子を見せたい」など役割を決めます。自社で使える写真がない場合は、文章を先に読める案や撮影を含む案を相談できます。参考の写真を使うことを前提に完成案を作らないでください。

画像が情報を伝える場合は、何を伝える画像かを文章でも説明します。代替テキストとは、画像が表示されないときや、音声でページを読むときに画像の役割を伝える説明です。飾りだけの画像とは扱いが違います。自社の写真に、参考サイトの説明文をそのまま付けることは避けます。

制作会社へは、候補URLだけでなく「どのページの、どの場所か」「何を助けたいか」を伝えます。参考を組み合わせる場合も、写真の見せ方、説明の順番、相談への流れなど役割を分けてください。別々のサイトの書体やボタンをそのまま集めると、全体の使い方がそろわなくなる場合があります。

点検会社なら、下のように依頼できます。対象設備や準備物の原稿がまだ確定していない場合は、その点を隠さず伝えます。すべての原稿や写真を完成させることを、最初の相談の条件にする必要はありません。原稿整理や撮影をどこまで依頼するかも、見積もりで確かめる範囲です。

費用と作業範囲は、原稿の整理、写真の準備、デザイン、画面への実装、操作確認、公開後の更新・保守に分けて尋ねます。「参考に近づける費用」とだけ聞くと、含まれる作業を比べにくくなります。写真撮影や原稿修正、追加ページ、公開後の修正の扱いも確認してください。料金と受付可否は個別の条件で変わります。

提案を受け取ったら、合意した理由が自社の案でも成立するかを見ます。「すっきり見えるから採用」だけでなく、「設備名と対象説明を読める」「準備物を読んで相談へ進める」「更新担当が必要な説明を直せる」と確かめます。確認できない場合は、採用を急がず、どの条件を満たせば進めるかを相談しましょう。

下のメモは、その内容を残したい方のための補助です。用意することでデザインの採用や素材の利用許可が済むわけではありません。書けない欄は「未確認」と残してください。相談では、特に決めたいことと分からないことから話せます。

参考サイトは、完成品をそのまま再現する指示ではなく、自社の訪問者をどう助けたいかを話す材料です。URLに使う場所と理由を添え、自社の原稿・写真に置き換えた案で確かめます。参考の見た目と似ていることより、必要な説明を読み、次の操作へ進めることを判断の中心にしてください。

まず候補を一つ開き、「サービス一覧の設備名の下に説明を置きたい。自分の設備を相談できるか選ぶため」と一文にしてみましょう。次に自社の設備名・対応範囲へ置き換え、長い説明や写真不足があっても意味が通る案を相談します。

素材の利用許可、対象範囲、実際の操作など、まだ確かめていない条件は未確認のまま残します。分からないことを明らかにできれば、制作会社へ聞く内容も具体的になります。すべてを決めてから相談する必要はありません。