【概要】 北海道・岩見沢を拠点に、個人事業主・士業・1人社長を対象としたWebコンサルティングを行うクライアント様の、HPファーストビューを制作しました。 ヒアリングを通してサービスの特徴や強みを整理し、キャッチコピーのご提案からデザイン、PC・スマートフォンでの表示を考慮した調整まで担当しました。 【ターゲット】 ・Web集客に課題を感じている個人事業主・1人社長 ・HP・SEO・SNSをどのように活用すればよいか分か・らない方 ・自分やサービスの強みをうまく言語化できていない方 ・専門的なことも相談しやすく、伴走してくれるWebの・専門家を探している士業の方 【目的】 HPを訪れた方に、 「誰に向けた、何をしてくれるサービスなのか」 をファーストビューで直感的に伝えることを目的としました。 また、Web業界20年の経験や幅広い対応力だけでなく、一人ひとりの話を丁寧に聞き、その人自身も気づいていない強みを見つけてくれる「相談しやすさ・伴走感」も伝わることを目指しました。 【デザインのポイント】 1．強みを言語化し、キャッチコピーからご提案 ヒアリングを通してクライアント様の経験やサービスへの想いを整理。 「あなたの強み、伝わっていますか？」 という問いかけをメインコピーにし、その下に 「まだ言葉になっていない強みを見つけ、Webで伝わる形に」 と続けることで、単なるWeb制作・SEO対策ではなく、クライアント自身の強みを見つけるところからサポートするサービスであることを表現しました。 2．信頼感と親しみやすさの両立 士業・個人事業主が安心して相談できるよう、ネイビーをメインカラーに使用し、信頼感と落ち着きを演出。 アクセントにゴールドを取り入れ、「Web業界20年」という経験・実績が自然に目に入るよう設計しました。 また、握手のビジュアルを使用することで、堅い印象になりすぎず、「一緒に考えてくれる」「相談しやすい」という伴走感を表現しています。 3．サービスの特徴をひと目で理解できる情報設計 ファーストビュー内に、 「Web業界20年」 「HP・SEO・SNS」 「1人ひとりに寄り添う個別サポート」 という3つの特徴を配置。 情報量を増やしすぎず、初めてHPを訪れた方にもサービスの強みが短時間で伝わるよう、情報の優先順位を整理しました。 4．PC・スマートフォン双方での視認性を考慮 PCだけでなく、スマートフォンで表示された際にもキャッチコピーや重要な情報が読み取れるよう、文字サイズや配置、余白のバランスを調整しました。 実装後も実際の表示を確認し、サイト全体との見え方まで考慮しています。