2010年の実績紹介
医療従事者向け製品サイトをMovable Type 5を使ってリニューアルしました。
これまで不十分だった個々の製品情報を、大幅に改善。カタログや資料でリリースされた情報を、サイトでほぼ網羅しています。
また落ち着いた病院内装のようなデザイントーンとともに、製品の50音順インデックスや、関連情報の表示など、サイトの使いやすさを高めました。
ページ構成/デザイン
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_002.jpg)
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_003.jpg)
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_004.jpg)
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_005.jpg)
■製品情報が詳細になりました。
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_006.jpg)
■カテゴリー別でも表示できる「お知らせ」
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_007.jpg)
■用途別、種類のほかに名称の50音順でも。
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_008.jpg)
■資料請求は各製品情報からと、一覧では製品名、種類から探せます。
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_009.jpg)
■メインイメージは季節を感じさせる花のイラスト。壁紙カレンダーとしても使えます。
Movable Type画面
■基本的には入力フォームページへ、必要な事項を入力していく感覚でページ作成をしていけます。空欄の項目はページに表示されません。
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_010.jpg)
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_011.jpg)
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_012.jpg)
■MT記事中の表作成にはいくつかの方法がありますが、ここでは表示される状態を確認しながら作成できるよう、<table>見本の文字を書き換えていく方法をとっています。
![](http://www.ariz.jp/works/2010/nichiban-014/img/pic_013.jpg)