ホームページ リニューアル
トップページのデザイン案

A案・B案・C案の3つをご用意しました。どの方向がお好みか、お聞かせください。

A案のトップページ

A案結晶

先端技術の会社らしい、知的で洗練された印象

  • 緑とくすんだ青の、半透明の三角形でできた結晶の球がゆっくり回ります。下へスクロールすると、三角形がほどけて散っていきます
  • 大きな英字のキャッチは、帯がさっと横切った後に文字が現れます
  • 薄い灰色の地に、細く大きな英字の見出しと細い線。画面の左端に、いま見ている区画の名前が小さく縦に出ます
  • 8つの事業は番号つきで並べ、写真にマウスを乗せると、ゆっくり寄っていきます
  • 地中熱冷暖房工事は「49%削減」の大きな数字と、地中のしくみを表した線の図が描き上がります
  • 地中熱・会社概要・採用情報の写真は、奥行きをつけて斜めに置き、下へ進むと正面に向き直ります
  • お問い合わせは、今のホームページのフッターと同じ、くすんだ青の面です
B案のトップページ

B案清澄

白を広く使った、明るくすっきりした印象

  • ページを開くと、地中熱・太陽光・空調・EVの写真が右から順に幕を引くように入り、最後に全体が上へ抜けてトップが出ます(押すと飛ばせます)
  • 白い地の真ん中に、細い英字の大きな言葉を、くすんだ青と葉の緑の2色で置きました。後ろでは地層のような細い線がゆっくり揺れます
  • 8つの事業は、縦に細長い写真の帯で並べました。マウスを乗せた帯が横に伸び、事業の名前と説明が出ます(スマホでは2列のカード)
  • 地中熱冷暖房工事は、くすんだ青の大きな面で特集し、「49%削減」の大きな数字と、写真つきの白いカードで長所をご紹介します
  • 施工実績と新着情報は、細い線のカードで端正にまとめました(新着情報は横に送れます)
  • お問い合わせは、ロゴの言葉「aim. corporation」を大きく置き、森の空撮の上に電話番号の札を重ねています
C案のトップページ

C案静謐

自然の写真を大きく見せる、落ち着いた上品な印象

  • 画面の端から少し内側に入った、角の丸い大きな枠の中で、霧の森・木漏れ日・緑の建物の写真がゆっくり溶けて入れ替わります。下には、ロゴの言葉「aim. corporation」を大きく置きました
  • 色は、今のホームページのフッターと同じくすんだ青が基本です。緑は写真と小さな差し色だけに使っています
  • 見出しは大きな英字と小さな日本語の組み合わせ。キャッチコピーとご挨拶は明朝体で、写真の上には縦書きで載せています
  • 8つの事業は、青い地の上に2列のタイルで並べました。マウスを乗せると、写真が少し寄ります
  • 地中熱冷暖房工事は、写真の窓がスクロールに合わせて画面いっぱいに開き、「49%」の数字が回って止まり、しくみの線の図が描き上がります
  • ヘッダーは、下へ読み進むと隠れ、上へ戻すとまた出てきます。ご挨拶の文章は、読む位置に来ると文字が濃くなります

ご覧いただき方

3つの案で共通していること

ご確認いただきたいこと

  1. A案・B案・C案のどの方向がよいか 「A案をベースに、この部分はC案のように」といった組み合わせでも大丈夫です。
  2. トップのキャッチコピー 日本語・英語とも、こちらでご提案として仮に入れた言葉です。気に入った言葉や、ほかに載せたい言葉があればお知らせください。
  3. 写真 すべて仮の素材写真です。施工の現場・設備・社員の皆さまのお写真があれば、差し替えるとより伝わるページになります。
  4. ロゴの元データ 現在のホームページの小さな画像を拡大しているため、ぼやけて見えます。元のデータ(ai・eps・大きな画像など)があればご提供ください。
  5. 会社の数字と日付 設立(平成18年)・従業員数(30名)・資本金・拠点の住所と電話番号は、現在のホームページの内容です。今の内容に合っているかご確認ください。会社概要では設立年月日が「平成18年5月1日」、沿革では「平成18年7月1日」となっているため、正しい日付もお知らせください。
  6. 施工実績と新着情報 現在のホームページの内容(施工実績は令和2年まで、新着情報は2021年まで)を入れています。新しい実績やお知らせがあればお知らせください。

このページは確認用です。検索には表示されない設定にしています。