Scroll

Fashion Pressリニューアルデザイン

date : 2016.04 - 2018.05

tool : Photoshop / Illustrator / HTML / CSS / JavaScript / Ruby on Rails

url : https://www.fashion-press.net/

ファッションを中心にあらゆる情報を発信しているウェブメディアFashion Pressのリニューアルデザインに情報設計・Webデザイン・フロントエンドエンジニアリングで携わりました。

【ターゲット】

20代〜50代の男女という幅広い層がターゲット。男性：女性＝3:7ぐらいの感覚。

【目的】

従来のサイトではレスポンシブに対応していなかったので、レスポンシブ対応を機に全面リニューアル。ニュース記事が多いサイトなので、文字が多くても分かりやすいというのが目標だった。

【情報設計】

ターゲットユーザーのサイト巡回の導線を考えながら、ページごとにどの情報を載せるかという整理をした。気にするべきポイントはいくつかあり、見ている記事から他の記事に飛んでもらうための導線作りや、広告の表示回数など、ビジュアルのデザインをする上でUI/UXデザインを大切にした。また、ページ数が多いサイトなので、デザインパーツごとに情報を分けるのに時間がかかった。

【デザイン】

従来の黒ベースのサイトも配色的にはスタイリッシュでよかったが、ターゲットのことを考えるともっとシンプルな配色がいいと思い、白と灰色ベースにビビットピンクをアクセントカラーとした。頭の片隅にあったのは、当時Instagtamで丁寧な暮らしを発信しているような人たちのデザイン。また、多いコンテンツをすっきりと見せるためにマージンを広くした。