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