Facebook 工務店・WEBサイトデザイン
Logo

工務店・WEBサイトデザイン

クレジット
Avatar
デザイナー
工務店・WEBサイトデザイン-1
シェア
制作ノート
デザインの詳細

・制作時間:10時間

・概要:駆除・お掃除サービスの訴求チラシデザイン

・担当:情報をディレクターからテキストベースで受け取り、デザイン作成から、アニメーション指定までを担当しました。

・こだわった点:

  1. サービスを利用するお客様:50代<br>・想定されるお客様像:お子様が独立された後、退職前に築年数が経つ家のお悩みや、趣味部屋のことで悩んでいる<br>・スマホは多少使うが、テキストサイズを大きく設定している
  2. カラー: 全体的にベージュやアイボリーの温かい色味で統一して、リノベーション後の居心地の良さやより良くなる家庭的な雰囲気を強調しました。
  3. シンプルなレイアウト:情報量で分かりやすいようにシンプルに徹することを心掛けました。<br>お問い合わせボタンを含め、アイコンを多用することで一目でアクションが分かるようにしています。

エンジニアへのコーディングの依頼内容

  1.サイトカラー

【グラデーション】
・全体グラデーション(背景):#FFFCF3、#FFF6E3
・部分グラデ:#E8BD5D、#E6AA27…上端メニュー、MOREボタン、会社紹介背景グラデ
・単色背景:#E6AA27…service背景、お問い合わせ帯、お問い合わせ電話&資料請求

【フォントカラー】
・ポイントオレンジ:#E6AA27
・黒:#222222

【フォント設定】
・明朝:さわらび明朝 or Noto Sans JP(明朝)
・ゴシック:Noto Sans JP 

  【文字サイズ(およそ)】
・見出し:40px
・小見出し:30px
・テキスト:20px   

  2.要素ごとの余白
だいたい30、60、120pxのいずれか

3.アニメーション参考サイト
※アニメーションが多いとお客様の年代(50代~)の方は離脱される可能性があるため、動きすぎずシンプルになるようにお願いします。

【TOPバナー】
https://coco-factory.jp/ugokuweb/move01/6-1-2/
【service上3つの画像】
https://coco-factory.jp/ugokuweb/move01/6-1-8/
【MOREボタン】
https://coco-factory.jp/ugokuweb/move01/7-1-31/                    

シェア
田原 歩実の他の作品