《HP制作の目的》 ▪新規顧客の獲得・人材採用 ▪実際に見れない工事現場や建設業を知ってもら 　う。 ▪建設業の世間的イメージ払拭 《ターゲット層》 ▪最近家を建ててまだ外構工事を依頼していない家 　主。 ▪自宅の外構のリフォームをしたい家主。 ▪企業 ▪工務店（元請け） ▪建設業で働くことに興味がある層 《クライアントの要望》 ▪会社を設立して間もないため会社の紹介が楽にな 　るようなHPが欲しい。 ▪社名の読み方をよく聞かれるからそこも強調した 　い。 ▪名刺で使用している山の絵を入れたい。 ▪愛犬の写真を入れたい。 ▪ロゴとオリジナル作業服等にマッチするデザイン 　や配色にしてほしい。 《デザインの意図》 ▽要望に対するデザイン▽ ▪採用情報へ飛べるセクションをトップページにも 　置きすぐに見に行けるようにし、会社の人材育成　 　への取り組みや、支給される装備品があったりと　 　実際に働いたらどのような感じかをイメージしや 　すいように意識した。 ▪フッター手前にお問い合わせボタンを置き電話が 　掛けやすく、お問い合わせフォームにも飛びやす 　い導線を心がけた。 ▪要望に沿って、配色を会社イメージにマッチ。 ▪社名の読み方は、由来と合わせてセクションにし 　て読み方が直ぐに分かるようにし尚且つ社名は大 　切なので、山の絵を背景に置き特別なセクション 　感を意識した。 ▪山の絵をファーストビューに置き、第一印象でイ 　ンパクトをフッターにも置き統一感を出した。 ▪絵だけでも存在感があるので、シンプルなヘッダ 　ーと社名、キャッチコピーを大々的にセンターに 　置きそれ以外の要素は敢えて入れずに洗練された 　雰囲気を出した。 ▽そのほかデザインについて▽ ▪社名の由来が『山』に関連しているので山のシェ 　イプをオリジナルで作成しサイトの所々に配置を 　して唯一無二のユニークさと統一感を。 ▪愛犬の『看板犬』とし、存在が浮かないように役 　割付けをしてサイト全体のデザインと馴染むよう 　にした。 ▪セクションの境目をグラデーションにすることで 　スクロールが自然につながって見え、スタイリッ 　シュさや切れ目が目立たないのでやさしい印象を 　持たせ圧迫感をなくした。 ▪下層ページのヘッダーは、窮屈感が出ないように 　丸角にし余白を与えた。背景を山の絵にしてロゴ 　を置き、各セクションに飛びやすいようにボタン 　を設置した。 ▪SPサイズにはインスタグラムのリンクを張りユ 　ーザーが飛びやすいようにし電話ボタンも置き、 　問合せの導線を最短にできるよう心掛けた。 《デザイン以外で対応したこと》 ▽出張写真撮影&加工▽ ▪入れると良さそうな写真の構図提案して撮影。 ▪愛犬の写真も撮影。 《苦労した点》 ▪グラデーションで各セクションの境目を完全に目 　立たせないようにし馴染ませること。 ▪下層ページのヘッダーのデザインで窮屈感が出な 　いような太すぎず細すぎずの調整。 《使用ツール》 ▪Studio ▪Figma ▪Photoshop 《制作時間》 ▪１か月半 《制作の流れ》 ❶ヒアリング➡❷構成➡❸ワイヤーフレーム➡❹写真撮影/加工➡❺デザイン➡❻提案➡❼修正➡❽クライアントさまと最終チェック➡❾公開 《制作料金》 ▪7万円~12万円（税込み） ヒアリング・構成提案・ワイヤーフレーム・デザイン・修正２回分を含みます。 ※修正２回目以降は＋2,000円~5,000円 ※写真構図提案＆簡易なiphoneでの写真撮影＆パソコンでの編集はワンカット3,500円＋出張代