大津板紙株式会社ホームページ制作

WEBSITE DESIGN & DEVELOPMENT
滋賀県大津市で段ボール等の原紙の製造・販売をされている大津板紙株式会社様のコーポレートサイトのリニューアルを行いました。 前回作成したときから年数の経過したコーポレートサイトのリニューアルと「機密文書処理のサービス」の認知拡大のためのページ拡充を行いたいとのことで今回弊社にお話をいただきました。
AREA: 
滋賀県大津市
BUSINESS TYPE: 
原紙製造・販売
PROJECT TYPE: 
WEBSITE DESIGN & DEVELOPMENT
DEVICE: 
PC
大津板紙株式会社様 企業サイト

大津板紙株式会社様 企業サイト

大津板紙株式会社様 PCサイト

大津板紙株式会社様 PCサイト

デザインコンセプト

今回お客様からいただいた新しいホームページのイメージは「シンプルですっきりとしたデザイン」「紙を使用するので地球資源へのプラスのイメージ」でした。それらのご要望を受けデザイン面では「クリーン」「エコ」をキーワードに制作を行いました。

色使い

コンセプトに合わせてベースカラーに白色をキーカラーに青色を選択しました。企業としての信頼感を表現できるよう色味の選択だけでなく全体的な色の比率にも配慮しています。アクセントカラーには同じく「クリーン」「エコ」のイメージに繋がる茶系のオレンジ色を採用しました。

機能開発について

今回お作りしたホームページはシンプル & 王道なコーポレートサイトですが、機能面でのこだわりポイントがいくつかあります。

スライドショー

トップページのメインイメージのスライドショー機能をお作りしました。 スライドショーは Drupal(※) のモジュール(プラグイン)でも実現可能ですが、今回は変更の頻度が低くデザインのディティールが少し特殊ということから、モジュールは使わず生の JavaScript + jQuery で制作しています。 見た目には分からない「ページが重くならない形で無限ループのスライドショーを作る」「画面幅が変わったときにもきれいに見えるよう画面幅によってボタンの位置を調整する」といった細部にも工夫を加えています。

※ 「Drupal(ドルーパル)」は弊社がホームページ制作で利用しているオープンソースCMSの一種です。CMSを利用することでご自身でホームページを更新することができる等の多くのメリットがあります。

サービス予約状況カレンダー

大津板紙様が提供されている「機密文書処理」サービスの予約状況表示のカレンダー機能を作成させていただきました。 お客様からご要望のあった「今後の発展性」「拡張の可能性」を重視し、 Drupal の標準的なデータ形式である「ノード」と定番モジュール「 Views 」を使ってカレンダーの管理と表示の機能をお作りしています。 更新担当の方は必ずしも Web 専任の方ではないということでしたので、管理用画面にも運用効率がよくなるような工夫を施しました。 このようなサイト固有の機能を費用対効果の高い形で作れるのは Drupal ならではといえるでしょう。

サブページのメインイメージ管理

サブページの最上部に表示されるメインイメージは、画像をページ( Drupal ノード)に添付する形にし管理画面から変更できるような形でお作りしました。 ハードコーディングではなく CMS の機能を利用する形で実装することで、将来的なイメージ変更がコードの修正の必要なく管理画面からスムーズに行えるようになります。

その他

SASS/Compass

他のプロジェクトと同様、本プロジェクトにおいてもフロントエンド開発の際には CSS フレームワークである SASS/Compass を利用しました。

CONTACT

制作に関するご相談は下記までお気軽にお問い合せ下さい。

TEL:077-572-7155
[ 受付時間10:00-19:00 土日祝休 ]
Shiga Office
〒520-0832滋賀県大津市粟津町2-63 CS石山ビル2F
TEL 077-572-7155
Tokyo Office
〒150-0002東京都渋谷区渋谷1-17-1 TOC第2ビル3F
TEL 03-4405-3460