Mission001 ヘルシーファミリー倶楽部リニューアル!(表現コンセプト~デザイン編)
« そうだ、早夏キャンペーンで旅に出よう | ブログTOP | ヘルシーファミリー倶楽部リニューアル!(コーディング&技術編) »
2009年5月25日
どうも、第二制作事業部第一制作部の山形です。
自分はちょうどアラフォーと呼ばれる世代に突入!無事に厄年を迎えることができた、そんな世代が気になりだすことと言えば、け・ん・こ・う♪(実際あんまりに気にはしてない・・・これからは真剣に考える)
その健康について深く切り込んだ、ある企業様のWEB案件で「保健や健康等についての情報を発信するサイト」のリニューアルについての話をば。
今回このサイトを担当するにあたり、自分自身が掲げたテーマ「ユーザー目線にたってサイトをデザインする」
クライアント:株式会社法研様
法研様
↓
[システム・統括担当] エイケア・システムズ株式会社様
↓
[サイト構成・デザイン・コーディング担当] FIC
ヘルシーファミリー倶楽部とは・・・
法研様が取引のある健康保険組合に向けて、保健や健康等についての情報を発信するサイト。約800社強の企業の健保組合に向けて、カスタマイズされて提供されます。
今回はそのサイトリニューアルです。
要望の内容としては、
・もっとスッキリみせたい。
・更新性を高めたい。
・カスタマイズしやすい。
要約すると、この3つになります。
表現コンセプト---------------------------------
まず、エイケア様とFICは表現のコンセプトを考えました。
ヘルシーファミリー倶楽部が提供するコンテンツは
・健康生活の情報→より健康な暮らしを目指す
・予防、チェック情報→不安を解消する
・くすり、病院、病気情報→万一のときの安心
それを踏まえて今回のサイトは
★健康な人が健康を維持するモチベーションになる
★健康な人が安心できるサイト
を目指そうと・・・つまり
・健康な人の健康意識を高め、自分で健康を維持し病気を減らす。
・健康へのモラルを高めて過度な受診や投薬をなくす。
・役立つ情報を得ることができ「健康・安心」を感じていただく。
以上のことをテーマにして方向性を確定します。
サイトの表現コンセプトは
「健康を意識する」
意識的、自主的、明るい、知的、前向きなイメージ。
健康に前向きになっていただけるような、安心感と元気を表現することに決定。
いざ!制作---------------------------------
さて、表現コンセプトも決まっていよいよ制作に移ります。
サイトカラーは「調和、安心、良識」などを表す緑と、「知性、好奇心、希望」などを表す黄色をあわせた黄緑色を基調に、健康に対する安心感と希望をイメージさせます。
取りあえず自身のモチベーションを上げる為に、シンボルマークを造ってみました。

Healthyの「H」をモチーフに家族を表現。「家族みんなで、健康な生活をしよう」というマインド。
実際この場所には各企業のロゴが入ったりと、カスタマイズされる場合があるのでどれだけ使用されるかは判りません。
で、完成したトップページはこんな感じです。
※サイトが会員制なので画像での紹介です
1. 右上には社会(街並)と健康(自然)の融合・・・ということで、
明るいタッチでイラストを描いて配置。
↓

2. リニューアル前はグローバルメニューに14~5個のメニューが並んでいたのを、
新たに考案した7つのカテゴリー内に振り分けして、スッキリさせ閲覧しやすく改定しました。
3. グローバルメニューの下には「さがす・調べる」コンテンツ内の病気や薬の事を調べたり、
病院を検索できるボタンを表示。
4. 新着記事はスペースを取らないように、記事ごとに表示し自動で切り替わるよう設定。
5. カテゴリーごとにアイコンを作成。色を変えてジャンルの違いをわかりやすく表示。
中ページもその色で構成されています。
↓

どの案件でもそうですが、今回は特にユーザー(健康保険組合員の皆様)が視覚的、機能的に操作しやすく閲覧してもらえるかを第一に考え、デザイン・レイアウトに落とし込みました。
いかがでしょう?「健康を意識する」という表現コンセプトに添ったサイトに見えますでしょうか?
トップページのデザインが決定すれば中ページをバシバシ制作していきます。
総ページ数が何百ページにもなる情報サイトなので、旧サイトのレイアウト・HTMLを流用しなければならないページも多々出てくるので、なるべく違和感無くデザインするように心がけました。
又、コーディング等に関する奮闘記は、後日テクニカルスタッフが語ってくれる予定です。
それと今回この案件を制作するにあたり、すごく良いエイケア様の担当の方にめぐり合うことができました。
なんというか、我々のテンション、モチベーションを上げてくれるのが上手な方で、一緒に良いサイトを造っていこうという気持ちがヒシヒシと伝わってくる、そんな担当者様!色んな面において、見習っていかねば!!と強く感じました~。
この場を借りて「ありがとうございました!」と伝えたい気持ちでいっぱいです。
また一緒にお仕事できたらなぁと思っております。
FIC主な担当者
Pro.井上
Dir.村尾
Des.山形
Tec.原田
