A案躍動
動きのある、先進的な印象
- 画面いっぱいの動画の上を、ロゴの言葉「Human Clean Green」の大きな英字がゆっくり流れます
- エメラルドグリーンと濃いグレー。字間を広く取った、すっきりした文字組みです
- 5つの事業は、半円の図でまとめてから、下へスクロールすると大きな写真が横に流れて順番に出てきます（パソコン）
- 施工実績は一覧にして、行にマウスを乗せると写真が浮かびます
- 資格をお持ちの方の人数は、数字が数え上がります
B案線画
重機の線画が描き上がる、明るく力強い印象
- ショベルカー・ダンプ・ホイールローダー・解体の現場を線画のイラストにしました。画面に入ると、線が描かれてから色がのります
- 明るい緑と生成りの紙の色。英字の大きな見出しと、丸みのある形で親しみやすく
- トップの動画は、斜めの窓の中で流れます
- 5つの事業は、写真とイラストを組み合わせて順番にご紹介します
- ページのいちばん下では、道の上をダンプが走ります
C案端正
シンプルで読みやすい、落ち着いた印象
- 画面の端から少し内側に入った、角の丸い大きな枠の中で動画が流れます
- 白い地に深い緑。縦書きの見出しとメニュー、細い罫線で、すっきり整理しています
- 見出しは1行ずつ現れ、写真は緑の帯が走ってから出てきます。背景のやわらかい形もゆっくり動きます
- 施工実績は横に並べ、マウスで掴んで送れます（前へ・次へのボタンつき）
- お問い合わせは、緑の面の上の白いカードにまとめています
ご覧いただき方
- 「A案を見る」などから、実際の画面をご覧いただけます。動きもそのままご確認いただけます。
- スマートフォンでこのページを開くと、そのままスマートフォン用の表示でご覧いただけます。
- 画面上部の黒い帯は、案を切り替えるための案内です。実際のホームページには入りません。
- 確認用のため、メニューやボタンは押しても移動しません（マウスを乗せた時の動きはご覧いただけます）。
3つの案で共通していること
- 載せている内容と順番は同じです。メインビジュアル（動画）／お知らせ／事業案内（土木・建設工事、砕石、除雪、運輸・運搬、産業廃棄物処理）／施工実績／産業廃棄物処理のご利用／取り組み・認定／会社案内／採用情報／情報公開／お問い合わせ
- 色は、緑を基調にしています（案ごとに緑の色合いを変えています）。
- 文章・住所・電話番号・工事名などは、現在のホームページ（gamanokensetsu.com）の内容をそのまま入れています。大きな言葉「躍進する蒲野建設」「Human Clean Green」も、現在のホームページとロゴの言葉です。
- ダミー の印がある文章（◯◯◯）は、現在のホームページに文章が無かった所です。ダミー写真 の印がある写真は、仮に入れた素材写真です（各案の上の帯のボタンで、印を隠した見え方も確認できます）。
- トップの動画と大きな写真は、もう一つのホームページ（gamanokensetsu.net）の動画と、そのコマを仮に使っています。施工実績などの小さな写真は、現在のホームページの写真です。
- ロゴは、現在のホームページの画像を仮に使っています。
- 画面右下の「ページの先頭へ戻る」ボタンは、案ごとに形を変えています（A案＝まわりを文字が回る丸、B案＝中が満ちていく丸、C案＝縦書きの文字と細い線）。組み合わせも自由です。
ご確認いただきたいこと
- A案・B案・C案のどの方向がよいか
「A案をベースに、この部分はB案のように」といった組み合わせでも大丈夫です。
- トップのキャッチコピー
現在のホームページの「躍進する蒲野建設」を仮に入れています。このままでよいか、ほかに載せたい言葉があればお知らせください。
- 除雪、運輸・運搬のご紹介文
現在のホームページに文章が無かったため、仮の印（◯◯◯）を入れています。載せたい内容をお知らせください。
- ロゴの元データ
現在のホームページの画像を仮に使っているため、少しぼやけて見えます。元のデータ（ai・eps・大きな画像など）があればご提供ください。
- 写真と動画
トップの動画と大きな写真を、このまま使ってよいかご確認ください。除雪・道路工事・護岸工事の大きな写真、代表者・社員の皆さまのお写真があると、より伝わるページになります。
- 数字と日付の内容
資格をお持ちの方の人数、施工実績の工期、認定・登録の名前は、現在のホームページの内容です。今の内容に合っているかご確認ください。
- お問い合わせの窓口
本社のほかに、大川目事務所と産業廃棄物処理場の電話番号を載せています。載せる窓口と番号をご確認ください。受付時間を載せる場合はお知らせください。
蒲野建設株式会社
