大阪に本社のあるエレベーターやエスカレータなどを管理する会社さんのホームページを制作しました。全体はTOPページの他、サービス案内、求人情報、会社概要ページなどで構成されています。今回はオリジナル制作プランで制作いたしました。全体のデザインは、ロゴに使われている赤系の色味とホワイトでまとめてあります。
ファーストビューは大き目のビジュアルにしています。ロゴはお客様にご用意いただいたものです。その横にナビゲーションがあります。ファーストビューの右上に大手メーカーFUJITECの名称も入っていることから、信頼度の高い会社さんだということが分かると思います。
スクロールすると、背景（東京タワーが写っている）はそのままに、要素だけが移動する「パララックス」を採用しており動きのあるビジュアルを実現しています。またその延長で、パララックスのまま背景が別の画像に変化するような仕様も取り入れいています。
（※テキストが入っているボックスの上と下で別の画像が背景として表示される）
それ以外は、多くの情報を掲載せず、シンプルなTOPページです。必要な内容については、下層ページにまとめてあります。
続くサービス紹介のページは、「新規設置」「メンテンナンス」「リニューアル」というお客様の目的に合わせて必要な内容を選択して閲覧できるようにしてあります。見たいものをクリックすることで、その内容のところまでスクロールされます。またここでもパララックスを用いて、スクロールごとに背景が入れ替わる仕様にしてあります。
求人情報（リクルート）ページも基本的にはサービス紹介と同じような作りです。中身は写真や図表を用いて、どういう仕事なのか、また入社時、２年目、４年目と実際に行われている研修とその時点で身に着けておきたい技能などについてもわかりやすく解説されています。
会社概要には、会社からのメッセージと会社の概要をまとめています。全ページで大きなロゴカラーの見出しが目を惹きます。
フッターはロゴとナビゲーション、そしてコピーライトだけのシンプルな作りになっています。
ここまではPCで見たホームぺージの解説でしたが、当サイトはレスポンシブデザインで制作しておりますので、スマートフォンやタブレットでももちろんキレイに見ることができます。
実際のページは以下のリンクよりご覧ください。
