A案結晶
先端技術の会社らしい、知的で洗練された印象
- 緑とくすんだ青の、半透明の三角形でできた結晶の球がゆっくり回ります。下へスクロールすると、三角形がほどけて散っていきます
- 大きな英字のキャッチは、帯がさっと横切った後に文字が現れます
- 薄い灰色の地に、細く大きな英字の見出しと細い線。画面の左端に、いま見ている区画の名前が小さく縦に出ます
- 8つの事業は番号つきで並べ、写真にマウスを乗せると、ゆっくり寄っていきます
- 地中熱冷暖房工事は「49%削減」の大きな数字と、地中のしくみを表した線の図が描き上がります
- 地中熱・会社概要・採用情報の写真は、奥行きをつけて斜めに置き、下へ進むと正面に向き直ります
- お問い合わせは、今のホームページのフッターと同じ、くすんだ青の面です
B案清澄
白を広く使った、明るくすっきりした印象
- ページを開くと、地中熱・太陽光・空調・EVの写真が右から順に幕を引くように入り、最後に全体が上へ抜けてトップが出ます(押すと飛ばせます)
- 白い地の真ん中に、細い英字の大きな言葉を、くすんだ青と葉の緑の2色で置きました。後ろでは地層のような細い線がゆっくり揺れます
- 8つの事業は、縦に細長い写真の帯で並べました。マウスを乗せた帯が横に伸び、事業の名前と説明が出ます(スマホでは2列のカード)
- 地中熱冷暖房工事は、くすんだ青の大きな面で特集し、「49%削減」の大きな数字と、写真つきの白いカードで長所をご紹介します
- 施工実績と新着情報は、細い線のカードで端正にまとめました(新着情報は横に送れます)
- お問い合わせは、ロゴの言葉「aim. corporation」を大きく置き、森の空撮の上に電話番号の札を重ねています
C案静謐
自然の写真を大きく見せる、落ち着いた上品な印象
- 画面の端から少し内側に入った、角の丸い大きな枠の中で、霧の森・木漏れ日・緑の建物の写真がゆっくり溶けて入れ替わります。下には、ロゴの言葉「aim. corporation」を大きく置きました
- 色は、今のホームページのフッターと同じくすんだ青が基本です。緑は写真と小さな差し色だけに使っています
- 見出しは大きな英字と小さな日本語の組み合わせ。キャッチコピーとご挨拶は明朝体で、写真の上には縦書きで載せています
- 8つの事業は、青い地の上に2列のタイルで並べました。マウスを乗せると、写真が少し寄ります
- 地中熱冷暖房工事は、写真の窓がスクロールに合わせて画面いっぱいに開き、「49%」の数字が回って止まり、しくみの線の図が描き上がります
- ヘッダーは、下へ読み進むと隠れ、上へ戻すとまた出てきます。ご挨拶の文章は、読む位置に来ると文字が濃くなります
ご覧いただき方
- 「A案を見る」などから、実際の画面をご覧いただけます。動きもそのままご確認いただけます。
- スマートフォンでこのページを開くと、そのままスマートフォン用の表示でご覧いただけます。
- 画面上部の黒い帯は、案を切り替えるための案内です。実際のホームページには入りません。
- 確認用のため、メニューやボタンは押しても移動しません(マウスを乗せた時の動きはご覧いただけます)。
3つの案で共通していること
- 載せている内容は同じです。メインビジュアル/ご挨拶/事業内容(太陽光システムメンテナンスサービス、地中熱冷暖房工事、太陽光工事、空調工事、EV・蓄電システム工事、床暖房工事、ハイブリット給湯設備工事、LED設備工事)/地中熱冷暖房工事のご紹介/会社の数字/施工実績/新着情報/採用情報/お問い合わせ
- 色は、今のホームページのフッターのくすんだ青を基本に、緑を合わせています。写真も緑や自然を感じるものを選びました。
- ご挨拶・事業のご紹介・施工実績・新着情報・会社の数字・住所・電話番号は、現在のホームページ(aim-ec.net)の内容をそのまま入れています。「環境問題に技術で取り組む会社」はロゴの言葉です。
- ダミー の印があるキャッチコピーや英語の言葉は、こちらでご提案として仮に入れた言葉です。ダミー写真 の印がある写真は、仮に入れた素材写真です(各案の上の帯のボタンで、印を隠した見え方も確認できます)。
- ロゴは、現在のホームページの画像を拡大して仮に使っています。
- 画面右下の「ページの先頭へ戻る」ボタンは、案ごとに形を変えています(A案=まわりを文字が回る丸、B案=読み進めた割合が出る四角、C案=縦の細い線)。組み合わせも自由です。
ご確認いただきたいこと
- A案・B案・C案のどの方向がよいか
「A案をベースに、この部分はC案のように」といった組み合わせでも大丈夫です。
- トップのキャッチコピー
日本語・英語とも、こちらでご提案として仮に入れた言葉です。気に入った言葉や、ほかに載せたい言葉があればお知らせください。
- 写真
すべて仮の素材写真です。施工の現場・設備・社員の皆さまのお写真があれば、差し替えるとより伝わるページになります。
- ロゴの元データ
現在のホームページの小さな画像を拡大しているため、ぼやけて見えます。元のデータ(ai・eps・大きな画像など)があればご提供ください。
- 会社の数字と日付
設立(平成18年)・従業員数(30名)・資本金・拠点の住所と電話番号は、現在のホームページの内容です。今の内容に合っているかご確認ください。会社概要では設立年月日が「平成18年5月1日」、沿革では「平成18年7月1日」となっているため、正しい日付もお知らせください。
- 施工実績と新着情報
現在のホームページの内容(施工実績は令和2年まで、新着情報は2021年まで)を入れています。新しい実績やお知らせがあればお知らせください。