モバイルデザイン最前線

第41回 ファッションブランドのスマホサイト -ファーストビューで強烈な印象-

「モバイルデザインアーカイブ」主宰 津田武

今回はファッションブランドサイトについて取り上げる。この業界はこれまでも何度か紹介したが、それだけ話題が豊富であり、かつ季節による変化も伴い更新スピードが早い。必然的にスマートフォン（スマホ）サイトとしての業界トレンドを取り入れられやすい傾向にある。高級ブランドにいたっては、メインビジュアルそのものがモデルの写真で表現。ファーストビューで強烈な印象を与えているサイトも多く、特徴の一つとなっている。

※なお、ここでのスマートフォンサイトの定義は「320x480ピクセルの端末で閲覧するのに、不自由なく最適化されているサイト」とする。

 
▽模様が縦横無尽に動く新しさ
LOUIS VUITTON CIRCUS（サーカス）はルイ・ヴィトンのスペシャルサイトだ。　12月現在で公式サイトに使われているメインビジュアルを利用した背景を用いており、ブランドとしての一貫性を感じさせる。

何より新しいのが、背景右下のルイ・ヴィトンの模様が縦横無尽に動いている点だ。

フィーチャーフォンサイトでいえばFlash Liteで実現されていたのであろうが、スマホサイトでは新しい。見るものの目を引き、印象に残る。

Facebook、Twitterへのリンクを掲載したボックスも、角を直線にすることでヴィトンのトランクに付属の金具をイメージさせるなど、細部にもこだわりを感じさせる。

▽次々と写真がいろんな方向から出てくる仕掛けが面白い
▼次々と写真がいろんな方向から出てくる仕掛けが面白い
下着や水着などを中心に展開する米国のファッションブランド「Victoria'sSecret（ヴィクトリアズ・シークレット）の公式サイト。

トップページはメインビジュアルをモデルの写真一色にした大胆な構造となっている。また、トップページにメニューはなく、タップできるのは「NEXT」ボタンだけ、という作りも非常に斬新である。

タップしていくと次々にモデルの写真がいろんな方向から出てくる仕掛けが新しい。商品、そして世界観を見せたい作り手側の意図がよく伝わってくるサイトだ。

▽メインビジュアルが自動で動く
UNITE DARROWS（ユナイテッド・アローズ）が運営する「THE STATION STORE」。ナビゲーション下に位置するメインビジュアルが自動で動いている点が珍しい工夫。スライドして画面を切り替えることはあったが、こちらは自動だ。ファッションモデルが順番に流れることで、商品を見せることができる。デザインだけでなく、機能性も考えられていると言えよう。今後様々なサイトで活用されるであろう。

▽デザインを印象づける工夫
仏エーグルと英リバティのコラボブランド「LIBERTY OF LONDON FORAIGLE」の公式サイト。

モデルの掲載を中心としたメインビジュアルが色鮮やかな背景の上に重ねられたようにデザインされている。画像とメニューを"並べる"だけでない、新たなデザイン表現の発想である。また、ここで使われている色鮮やかな背景は、ラインナップされた旬な商品のデザインともなっており、デザインをユーザに印象づける工夫がなされている。

一方で、商品詳細ページでは、トップのメインイメージと同様の四角形の枠に商品が表示されており、細部にも一貫性をもたせている。