オウンドメディア、ニュースメディア、ポータルサイトを制作していると、他社のオウンドメディアは、どのようになっているのだろうか?というのは、デザイン、ソース、レイアウトなど、いろいろな点で気になります。
特に、クライアント目線で考えると、他社がこうしている!というデザイン的な部分は、非常に気にされるケースが多いです。
しかし、デザイン部分だと、なかなか参考になるホームページも少ない!おしゃれなニュースメディアは?というお話を耳にするケースもあります。
そこで、今回は、そもそも、おしゃれが常識、当然となっている、デザインにこだわるアパレルのニュースメディア、ポータルサイトを集めてみました。
今回の記事は、題して、ファッション ニュースメディア5選。デザインの参考になるギミックなども豊富です!!
ファッション アパレル メディアサイト5選
アパレル系の業界だったら、皆さん、気にしている、ファッション アパレル メディアサイト。どこのサイトもエッジを立てていますね!
おすすめのアパレルメディアは以下のサイトです!
- HOUYHNHNM(フイナム)
- OPENERS(オープナーズ)
- WWD JAPAN.COM(ダブリューダブリューディードットコム)
- FASHION PRESS(ファッションプレス)
- honeyee.com(ハニカム)
どこのサイトも、アイキャッチがいいんですよね!
色使いなどは、商品を生かすデザインですね。
UI、UXがうまく表現されているわけです。
1サイトずつ、細かく紹介していきますね!
HOUYHNHNM(フイナム)
HOUYHNHNM(フイナム) 公式ホームページ
https://www.houyhnhnm.jp/
ストリート系の表現の多いHOUYHNHNM(フイナム)
HOUYHNHNM(フイナム)のwebサイトは、グレーをベースに表現しています。
これは、商品写真を見やすくするための動きですね。
第2階層は、白背景にして、文字の読みやすさを優先させています。
パララックスも過度な動きをしないので、PCでも読みやすいです。
インタビューやストリートの情報が多いので、回遊率を高められるように、フッタ近くは赤背景の箇所などもあります。
OPENERS(オープナーズ)
OPENERS(オープナーズ) 公式ホームページ
https://openers.jp/
NEWS、新聞風のUIにしているOPENERS(オープナーズ)。
レイアウトは、わりと、王道のオウンドメディアの作り方をしています。
ただし、その分、読みやすさ◎ですね。
ニュース自体も高級感あります。
ラグジュアリーなコンテンツのwebマガジン。
写真にこだわっているせいか、動きのある写真が多いです。
また、レスポンシブ型のレイアウトで、写真+テキストが適量で読みやすいように作られているのも、1つのポイントですね。
Googleの自動広告ではなく、記事を見せる、記事での広告というのが基本になっているので、webマガジンとしてのライティング次第で、アクセス数も変わりそうですね!
WWD JAPAN.COM(ダブリューダブリューディードットコム)
WWD JAPAN.COM 公式ホームページ
https://www.wwdjapan.com/
ご存知、WWD JAPAN.COM。このジャンルの王手のメディアです。国内だけではなく、海外の最新ファッションニュースなども掲載されています。
業界ニュースをいち早く知ることができるのが、WWD JAPAN.COMですね。
WWDは雑誌もあるので、そことの連携も面白いですね。
サステナビリティという、通常カテゴリーにならないものまで、カテゴライズされているのが特徴的です。
youtubeなども積極的に活用していますし、モデルやタレントなども、ホームページ内にたくさん登場しています。
コンテンツの切れ目事に、大きめの写真をセンタリングで配置するレイアウトは、オウンドメディアなら、勉強しておきたいところですね。
WWD PR STORIES など、積極的に、新しいWEBコンテンツ展開もしています。
FASHION PRESS(ファッションプレス)
ファッションプレス 公式ホームページ
https://www.fashion-press.net/
ファッションプレスのUIは、昔のnaverまとめのようなUIです。
しかし、それゆえに、文字、記事が読みやすい。
どこに何があるのかが、初見でもわかるのが、ファッションプレスのいいところ。
ファッションプレスは、スナップなど、細かいカテゴライズがされているのが特徴の1つです。
属性にあわせて、コンテンツ、記事を発見できます。
- 身長
- 性別
- アイテム
- ブランド
- 場所(エリア)
など、カテゴライズが細かいんですよね。
また、店舗情報が、網羅されているのも、ファッションプレスの特徴です。
アパレル店舗、ショップ情報などを探すのには、とっても便利なwebサイトです。
honeyee.com(ハニカム)
ハニカム 公式ホームページ
https://www.honeyee.com/
今までの、アパレルサイトとは、TOPページは、一線を画しています。
とにかく、大きな写真での表現。
インスタグラムのストーリーのようなUIデザインです。
それゆえ、非常にインパクトのあるホームページになっています。
1つ1つの記事も、大きな写真で、ホームページを雑誌のように制作している、おしゃれなwebマガジンです。
マウスでのスクロールも、ページをめくるような、、、そんなアクションで表現しています。実際に、マウスを下にスクロールさせてみてください。
適度な画面で、動いてくれます。
導線を重視したヘッダ、フッタもありません。
そこには、ただ、見せたいコンテンツがあるだけです。
1つ1つの記事に注力された世界が広がっています!
UI デザイン 関連記事
UI デザイン トレンド 参考にすべき webデザイン 設計 コツ などを まとめてみた!
https://saras-wati.net/web-make/ui-design-knowhow/
【人気】Sketch 海外 メジャー webデザイン UI 制作ツール クチコミ などの ご紹介
https://saras-wati.net/web-make/about-sketch/
【EC UI】shopify テーマ おすすめ 情報 事例 サンプル まとめてみた。
https://saras-wati.net/web-make/shopify-themes/
【おすすめ UI】nivel ニベル ホームページ制作 依頼内容 まとめ 無料 サービス!
https://saras-wati.net/news/about-nivel-web/
【必見】デジタル マーケティングブログ 人気 メディア 25選まとめ 知識 UI サンプル 豊富!
https://saras-wati.net/news/digital-marketing-blog-media-link/
【無料】UI デザイン ツール Figmaとは 利用方法 ワイヤフレーム制作 にも 便利!
https://saras-wati.net/knowhow/what-figma/
UI とは ? ユーザーインタフェース デザイン の 優れた 事例 紹介
https://saras-wati.net/marketing/about-ui/
【デザイン】おしゃれなweb アパレル ファッション ニュースメディア 5選
https://saras-wati.net/marketing/admake-sp-sales-marketing/