WORK

概要

マスコットキャラクターを主役に据え、親しみやすさと信頼感を両立した外壁塗装業のコーポレートサイト。PC・スマートフォンの双方で、電話・LINE・フォームから迷わずお問い合わせできる導線を設計しました。

01/08

CONCEPT

「相談しやすさ」と「安心して任せられる信頼感」を、キャラクターと丁寧な言葉で伝える。

ファーストビューに電話・お問い合わせのCTAを配置し、ヘッダーには電話番号とお問い合わせボタンを大きく設置。さらに、画面右下にはLINEの固定CTAを配置しました。ユーザーが自身に合った手段をすぐ選べるようにし、検討から相談までをスムーズにつなげています。

お問い合わせフォームも、入力負担を抑えたシンプルな設計にしつつ、クライアントが事前に把握したい情報は任意項目として用意しました。

少人数の事業者であり、人物写真よりもキャラクターを中心に見せる方針だったため、会社の雰囲気が伝わりにくいという課題がありました。

そこで、イエローとネイビーによる明快で親しみやすい配色、やわらかな言葉選び、細部まで人柄が感じられるライティングを採用。スタッフの顔を出さずとも、「ここなら安心して相談できそう」と感じられる情報設計・デザインを目指しました。

制作期間: 2026年5月〜6月（約1カ月）
担当領域: ディレクション
情報設計
Webデザイン
ライティング
コーディング
WordPress実装
公開・運用環境構築
※キャラクター制作・写真撮影を除く全工程を一人で担当
制作ツール: Figma
VS Code
HTML
CSS
PHP
WordPress
GitHub
制作体制: 一人制作（ディレクター／Webデザイナー／ライター／フロントエンドエンジニア／プロデューサーを兼任）