ホームページ制作会社“グラビティ・ワークス”～gravity works inc.

月刊女性誌、講談社withの読者向け公式WEBサイト『with online』

目的とリクエスト

コンテンツや情報の優劣をはっきりさせ、更新情報などもわかりすく示唆することによって、サイトを訪れた際にわかりやすく巡回させたい。また、本誌紹介は購入につなげるために重要。

課題と提案

情報の数が多い中でコンテンツの優先順位が決めて情報を整理すること、優先付けレイアウトを主軸にした構成が必要。本誌のイメージをターゲットに主張できてすべてのコンテンツと共存できるデザインも必須だと考えました。

企画と制作

情報は優先順位付けをして占有面積と位置でレイアウト決定。また、情報のくくりも意識しています。トップページで最重要とした本誌紹介にはflashを用いた“アコーディオン”形式にしたことで、その動きや面積、レイアウトから最重要だということを読者に訴求。限られた一等地で複数のページを掲載することを可能にしています。大きい動きの操作感はWEBの苦手なユーザにもわかりやすいはずです。デザインは、スッキリと、かつ、with読者に受け入れられるようなシンプルで女性らしくしました。更新情報は複数サイトの情報を反映できるようにMovable Type での更新できる仕組み取りました。情報設計とユーザビリティ、ブランドを意識したサイトになりました。

弊社担当：Flash / HTML / Movable Type / ディレクション / デザイン / プログラム / 企画 / 構成