完成見学会開催｜バナー制作
プロジェクト概要
クライアント名
業種
サイト種類
担当範囲
デザイン・コーディングを担当しました。
デザイン：〇〇デザイン様
使用ツール
・figma
・Photoshop
・Visual Studio Code
期間
課題と、ご要望
・自社サイトがない。
・採用活動をしているのでホームページにリクルート情報を載せたい。
・アイソメトリックを使ったサイトにしたい
解決策、工夫
デザイン面
ホームページの配色は、ロゴと同じ緑で統一感を出し、レイアウトは地域のお客様が安心して依頼できるよう、シンプルな構成にしました。
またリクルート情報も載せたいとのことでしたので、施工写真や実際に働いている様子の写真をを大きく掲載し、会社の雰囲気が伝わるようにしました。
構成・導線での工夫
お問い合わせフォームは、会社へのお問い合わせだけではなく、採用に関するお問い合わせもできるようにしました。
情報量が少なかったのでトップを会社案内にして、制作費用も削減しました。
技術面での工夫
スマホからのお問い合わせも想定し、電話番号をワンタップで発信できる設定を行っています。
また施工写真を掲載しても快適に閲覧できるよう、画像を圧縮し表示速度を最適化しました。
さらに、SSL対応を行うことで、安心してご利用いただけるサイトにしています。
こちらのお客様は同じドメイン名の自社メールも、新たに作成しました。
制作の流れ
今回の制作の流れは、ヒアリング → 企画、ワイヤーフレーム作成までを他社様にしてもらいました。
その後他社様とミーティング後、私の方でデザイン → コーディング → 公開という手順で進めました。
またドメイン、サーバーはこちらで取得し、その後も管理するプランに加入して頂きました。
BLOG
アウトプット用の記録
サイトマップ
プライバシーポリシー
©2025 Leben.