参考デザイン
design

スタイリッシュなWEBメディア「WIRED」

https://wired.jp/
wiredのホームページデザイン例
Design Review

デザイン解説

最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。

白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入っている「Helvetica」を使っており、全体的にフォントサイズを小さめに設定している。

各記事ページは下にスクロールすると永遠に次の記事が読み込まれる仕組み。ページ遷移時に離脱を防ぐメリットがあるが、正しいPV数が減少または計測できなくなったり、戻る・進むという操作ができなくなるデメリットがあるので注意が必要です。賃貸物件サイトの物件一覧ページでもこの手法は良く使われていますが、PCでは通常形式、スマホでは無限スクロールと使い分けているサイトも多くあります。

「WIRED」のナビゲーションはスマホ閲覧時を想定してか、ハンバーガーメニューと呼ばれる形(右上の四本線)でデザインされている。クリックすると、画面領域全て覆いかぶさり、PCでは下にスクロールできない仕様になる。(スマホでは下にスクロールできる)

wiredのグローバルメニュー

表示させたいグローバルメニューが多くて、デザインに困っている方は参考にしてみても良いのではないでしょうか。

編集者の採点

こちらのホームページは弊社の制作実績ではありません

掲載会社の情報

会社名WIRED
URLhttps://wired.jp/
住所東京都渋谷区渋谷2-11-8
CONTACT

ホームページを作りたいけど何を相談したら良いか分からない方、まずは費用だけでも知りたい方、
お気軽にご相談ください。まずはあなたのお悩みや相談内容をお聞かせください。