FPAR – https://www.fparmg.com/
ここのところずっとHip Hop ArtistとRecord Labelのwebサイトばかりだったので、Palace以来の久しぶりにApparel Brandのwebサイトをご紹介します。
Forty Percent Against Rights、略してFPARはデザイナー西山徹氏が1993年に立ち上げたブランドです。1996年に一旦FPARとしてのブランドの活動を休止し、別ブランドなどの立ち上げで活躍されておられましたが、2009年に再度復活した模様です。
2009年、新たなコンセプトのもと「FORTY PERCENTS AGAINST RIGHTS®」を13年ぶりに復活させ、”Media Guerrilla”という新たなテーマを軸にマスへのコミュニケーションツール。あらゆる媒体を使いシニカルなメッセージの発信を行う。主にはシルクスクリーンを使用した作品を制作。Tシャツ等アパレルアイテムをメディアと見立ててメッセージを発信している。
Fashion Pressより抜粋
最近発表されたNikeのBlazerとのコラボ（Nike Blazer × FPARね）が鬼カッコ良かったので今回webサイトを拝見させていただきました。
それではwebサイトを見ていきましょう♪
Top page
First view
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 01
FVは動画を使ったヒーローヘッダー 。ナビゲーションメニューが左上にあるんですね。
もう携帯を片手で操作する時代は終わったんだなと思わせてくれると同時に、むしろ携帯の人はインスタを見るだろうと右側にインスタアイコンが配置されております。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 02
ナビゲーションメニューを開くとアイテムジャンル毎に細かくページ分けされております。
Scroll
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 03
スクロールしていくとスライダーが登場。と同時にヘッダーのロゴが若干小さくなります。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 04
そして記事ページへのリンク。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 05
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 06
更にスクロールすると、商品のトラブルがあったようでお詫び文が現れます。
こういうキッチリと謝罪をする姿勢は好印象ですね。
そして新作のアイテム。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 07
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 08
アイテム左上のNewが目を引く色使いですね。
ホバーするとこんな感じ。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 09
アイテム表示は2カラムで構成されていまして、更にリコメンドアイテムと並びます。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 10
ホバーするとイメージが切り替わるのも同じ仕様。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 11
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 12
最後にフッターが現れるのですが、このフッターの造りがカッコいいんです。
下のモザイクのような部分、これgif動画なんですよね。こういう細かなオシャレ、良いですね〜。gifだから重くならないし、本当にナイスだと思いました。
Contents page
New Release
Navigation Menuからアイテム毎のコンテンツページへ行ってみます。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 13
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 14
Top pageと造りは変わらないでした。
他アイテムも変わらず、2カラムでホバーするとイメージが切り替わる仕様。
ただ、アイテムの総数が表示されているのは分かりやすく良い試みだと感じました。
クリックして個別の商品ページを見てみます。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 15
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 16
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 17
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 18
商品ページ、かなり見やすいですね。
商品の細部までしっかりと移してくれているのと、サイドバーが細やかな造りで購入するまでの動線がしっかり考え抜かれてるなと印象を受けました。
他のアイテムページも同じ造りでしたので、Nav MenuからReadページへ飛んでみます。
Read
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 19
Readページも2カラム構成は変わらず。ホバーアクションがイメージ切り替えではなく、色が薄くなる仕様になっております。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 20
クリックして個別の記事ページへ進みます。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 21
新作のことや、季節毎のコレクションのことなんかが書かれているページになります。
このモデルの女の子がめちゃくちゃキュートなんで、それだけでも見る価値ありです。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 22
お次はVisualページです。
Visual
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 23
こちらのページはカラムというよりかはグリッドレイアウトに近い構造ですね。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 24
ホバーアクションこそReadページと同じですが、レイアウトが違うだけで見え方がずいぶん変わってくるんだなと実感しました。
クリックすると写真が拡大表示されます。
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 25
インスタページは割愛して、あとカスタマーサービスページとリクルートページを見てみましょう。
Customer Service
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 26
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 27
コンタクトフォーム用のプラグインやらなんやらではなく、dl, dt, ddでしっかり造られておりました。こういう細部を自社でしっかり作っているサイトでないと個人情報を書くのって嫌ですよね。
Recruit
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 28
webサイト 100選 | メロウな時間のWebサイト漁り- メロウな時間のwebサイト漁り 13 – FPAR 29
こちらもカスタマーサービスと同じくですね。しっかりした会社なんだなと改めて思いました。
まとめ
使い回しが効く部分はしっかりと使いまわしながら、細かいディテールにコダワリを見れるのは、やはりデザイナーズブランドとしての矜恃なんだろうと思いました。
細部に神は宿るという言葉を体現しているサイト、ブランドなんだなと感じるとともに、余計にNikeのBlazerが欲しくなりました笑 素晴らしいwebサイトでした♪
コメント