ELLE ONLINE サイト スマートフォン

http://m.elle.co.jp/

  • Launch: 2012年10月
  • Client: ハースト婦人画報社

CD&CW:ハースト婦人画報社
AD:南部 樹里絵
DE:鈴木 智子
ME:藤井 邦憲
DI:松田 育子

  • web
  • portal
  • for_women
  • mobile_and_smartphone
  • 2012
Purpose

エル・オンラインのスマートフォン最適化。
毎日10件以上更新される、豊富なコンテンツを効果的に配置し、ユーザーを楽しく記事に誘導する試みのスマホ版。

Solution

スマートフォンの限られたスペースを有効活用するため、必要最小限のコンテンツ要素の詰めを練るところからプロジェクトを始動。 PC版と共有使用しているCMSの要素に影響がない形で、デザインに必要なパーツをテンプレート形式で洗い出しました。
指でタップ、スクロールなどの操作をしやすいための要素の配置、という観点をクリアするデザインに着手。ELLEらしいシンプルなモノトーン+差し色の世界の中に、記事エリア、回遊性のためのレコメンドエリアが直感的に操作でき、次の記事へ進みやすいインターフェイスを目指しました。

Staff Comments

思い出に残っているのは、メニュー部分のデザインです。
一番最初に想定していた見せ方が、トップページでは成立するが、下階層ページでは冗長になってしまう!ということに気づき、別案「記事カテゴリをアイコンで見せる」デザインを急遽社内で再度練りご提案したところ、デザイン確定後にも関わらず、当初のスケジュールを調整していただくことができました。エル・オンライン編集部のみなさま、ありがとうございました!
より、サイト全体から使いやすいカテゴリ遷移になっています!ぜひサイトでお試しください。