北九州市ほたる館:水辺に関するホームページをリニューアルしました。

投稿者: | 2015年2月16日


(クリックするとホームページへ移動します。)

 

概要
北九州市ほたる館は、ホタルをはじめとした水辺の生き物やその生息環境について学習、調査研究が行える施設です。
今回のリニューアルでデザインを一新。親子で一緒にみて好感を持ってもらえる雰囲気と、学生や研究者がよりわかりやすく情報を収集できるようなサイトを目指しました。

デザイン
「やさしさ・安心感・和の美しさ」をコンセプトにデザインを行いました。
先鋭的な要素は持ち込まず、親が子供と一緒に見られるようなデザインに努めました。
また、全体のフォントは明朝体を基調とし落ち着きのある統一感を出し、ゴシックはボタンなどの要所のみの使用としました。

サイトカラー
河川とほたるの見られる夜をイメージした「藍」をベースとして、ほたるの光をイメージさせる「黄」をサブカラーとして使用しました。
また、「黄」を使い過ぎないよう「白」を「藍」のコントラストとして用いました。

ユーザビリティ
イベント情報や情報誌などのお知らせ更新がすぐわかるようにトップページに大きく配置しました。各カテゴリーをタブ毎に仕分けを行い、ページ遷移を行わずそれぞれのお知らせを表示できます。
また、文字サイズの大小を切り替えられる機能を設置しました。
どのページにいても、画面右上のボタンから簡単に文字サイズを変更できます。

ホームページ上にメールアドレス等連絡先を掲載する場合は注意が必要です。
そのままテキストの状態で載せた場合、スパムメール等の温床となる可能性があるからです。
この対策としてほたる館ホームページでは、連絡先メールアドレスをテキストではなく、画像に加工して掲載を行っています。

 

使用したプラグイン

○WP-PageNavi
投稿一覧のページナビゲーションを表示してくれるプラグインです。 query_postsを使用しているとページ送り番号を取得しないとうまく動作しないので注意が必要です。

 

Webサイト構築、Webシステム構築に関してのご依頼、ご質問等がある場合は弊社ホームページ上のお問い合わせフォームもしくは下記連絡先までお問い合わせ下さい。

お問い合わせフォーム

株式会社ヴィンテージ

TEL:093-513-7255