ma-bank.comトップページのリニューアル

※以前別の場所で書いた文章を備忘的に書き記しておきます。

【投稿年月日】2008-04-07 【ジャンル】独り言

 先週末よりma-bank.comトップページのリニューアルを行なっており、先ほどようやく作業が一段落しました。(IE6のCSS表示の調整で結構手間取りました…)
 従来のトップページは、新着エントリーや事業一覧、外部リンクなどを、並列的に羅列するだけでしたが、重要度に応じて見せ方に濃淡をつけてみました。また、基本的にシンプルな作りの(殺風景な)サイトなので、これを機にアイコン画像をつけて華やかにしてみました。
 
 今回のリニューアルのきっかけは「税務調査や査察に対応する高度なリスクコンサルティング」というエントリーです。この事業をアピールすることを念頭に、サイト構成を組み替えました。
 以下、変更箇所を備忘的にメモ。
① 事業案内
 事業紹介については、単なる事業タイトルの羅列から変更し、アピールしたい2つの事業を簡単な説明と共にピックアップした(「事業一覧」から「事業案内」へ変更)。「事業一覧」にはmoreでリンクし、一つ深い階層に移動した。
② 新着エントリー・新着コメント・新着ニュース
 書式も位置もバラバラだった「新着エントリー」と「新着コメント」、「新着ニュース」を、同一書式に揃えた上で一箇所にまとめた。
③ 主なコンテンツ
 メールマガジン以外のカテゴリーを全て表示していたが、「主なコンテンツ」としてカテゴリーの表示を3つ(+現在表示中のカテゴリー)に絞った。全コンテンツ(サイトマップ)にはmoreでリンクした。なお、画面の一番下にメールマガジン以外のカテゴリーを表示。
④ 注目エントリー
 「注目エントリー」と「ピックアップ」をまとめた上で、3~4個ピックアップする形に変更した。トップページでは固定的に4つ、その他のページでは固定的に1つ、ランダムに2つ表示。
⑤ 外部リンク
 「外部リンク」は2つだけピックアップし、外部リンクの一覧にはmoreでリンクし、一つ深い階層に移動した。今までトップページだけで表示していたが、全ページで表示するように変更。

M&Aバンク・トップページ

 以上のように見せ方については、重要度や利便性を考慮した上で選択と集中を実行しました。これで少しは企業のホームページっぽいつくりになったのではないかと考えています。

 また、事業案内の2つのエントリーですが、表示順を固定するために下記SQLで呼び出すように変更しました。
SELECT *
FROM nucleus_item
WHERE inumber in (592,859)
ORDER BY FIELD(inumber,859,592)
 WHEREのinでエントリーを2つ指定し(inumberが592と859)、ORDER BY FIELDで表示順を指定します(inumberを859→592の順番で表示)。ORDER BY nullに比べると微妙に遅くなるみたいですが、誤差の範囲ですし、何より利便性が高まるので使うことにしました。

 今までma-bank.comは、弊社主任コンサルタント山根治の体験記ブログがメインでした。今後もその方向性に変化はありませんが、会社の事業紹介についてもより積極的にアピールすることを考えています。

EDIUNET | PHP/MySQL | 独り言 | 提供サービス | JavaScript