鳥羽商工会議所 様｜HP制作｜制作内容

はじめに

多岐にわたり、さまざまな事業活動や取り組みをされている鳥羽商工会議所様。長年、職員さんたちが更新されてきたWEBサイトを、内容整理し、さらに更新しやすい形へと新しくリニューアルされたいとのことで、ご依頼をいただきました。職員さんたちで更新する部分が多方面であったので、WordPressを導入し、ブログ機能とカスタム投稿を数種類構築。細かく仕様とカテゴリーを分け、各担当者様がそれぞれ記事を更新すれば、該当のページに読み込まれ、表示されるようシステム化しました。

 

ホームページ

とてもコンテンツが充実しており、膨大な情報を弊社にて整理整頓。内容はもちろん、デザイン、レイアウト、導線を精査し作り込みました。デザインのご提案をさせていただいてから、お客様と打ち合わせを重ね、ブラッシュアップしていきました。また、スマートフォンやタブレットなどのモバイルデバイスからも快適にご利用いただけるよう、レスポンシブデザインを採用し、どこからでもアクセスしやすい環境に。

※フルスクリーンでの閲覧が推奨サイズです。
https://www.toba.or.jp/

 

見せ方の工夫

メニューの見せ方

内容だけでなくページ数も多いので、見る人にとって、「見つけやすい、わかりやすい、探しやすい」メニューの見せ方に重点を置きました。
 

各コンテンツの見せ方

各ページ、デザインには統一感を持たせてありますが、それぞれに違った用途や目的、役割があったので、いかにそれらをわかりやすく整理整頓するかを試行錯誤し、クライアント様の「こんな風になってほしい」という想いと、ユーザーにとっての使いやすさ、導線、そのバランスのいいところを機能的、視覚的に実現。

 
＜事例のピックアップ＞
細かなカテゴリーに分類し、該当のページに表示

 
＜事業の紹介＞
さまざまな事業を行なっているので、分野ごとにページを分け、ユーザーが求めるコンテンツへ辿り着きやすいよう、さらにページ内リンクをつけました。（一部外部リンク）

 

 

▼
▼
▼
 
ページ内リンクをクリックすると、自動的にスクロールダウンし目的の事業内容を表示

鳥羽商工会議所様の職員さんたちに、それぞれの担当箇所の更新を随時行なっていただいており、さらに充実したWEBサイトになっております。
 
 

クレジット

鳥羽商工会議所
三重県鳥羽市大明東町１−７
https://www.toba.or.jp/
Creative Direction / 西岡 友幸
Direction & Design / 都 映里
Coding / 大西 健太