【実案件】塗装会社のHP制作（PC/SPデザイン・コーディング）

ayumi_babababan
Webデザイナー/コーダー
OVERVIEW

塗装会社のHPを制作しました。ワイヤーフレームとデザインカンプの制作からWordPressでの実装までを担当しています。レスポンシブ対応でランディングページとしての役割を持たせています。

YEAR 2024

【制作期間】4週間
【使用ツール】Photoshop/Figma/WordPress

｜要件

クライアント
茨城県の外壁塗装会社『塗装やなないろ』。

制作目的
外壁塗装のお問合せまで誘導するサイトの制作

ご要望

  • ロゴに飼い犬のイラストを使用
  • LPの役割もある情報設計
  • メインページとは別にコンタクトページの設置

｜TOPページ

｜コンタクトページ

｜工夫したこと

信頼感を抱きやすいよう落ち着いた紺色をメインカラーに使用しています。また、外壁塗装という街並みを整える事業内容から街並みをモチーフとし、CTAセクションでは会社のある茨城県の写真を使用しています。

サイトの背景には、外壁のようなざらざらしたテクスチャーを重ねたものを使用し、所々にブラシや刷毛で塗装したような跡をのせています。

クライアントから「サイト内のテキストは後々入れる」とのことで、後からクライアント自身でテキストを入れ込めるように、ランディングページとして必要になるパーツのデザインを制作して任意でパーツを増やせるように設計しました。