デザイン解説
最新のテクノロジーや先端科学といった「未来のトレンド」を発信するアメリカ発のメディア。
白と黒のシンプルなデザインだが、写真のクオリティが高く、ホワイトスペースを活用し、かっこいい印象を与えている。フォントはMacにデフォルトで入っている「Helvetica」を使っており、全体的にフォントサイズを小さめに設定している。
各記事ページは下にスクロールすると永遠に次の記事が読み込まれる仕組み。ページ遷移時に離脱を防ぐメリットがあるが、正しいPV数が減少または計測できなくなったり、戻る・進むという操作ができなくなるデメリットがあるので注意が必要です。賃貸物件サイトの物件一覧ページでもこの手法は良く使われていますが、PCでは通常形式、スマホでは無限スクロールと使い分けているサイトも多くあります。
「WIRED」のナビゲーションはスマホ閲覧時を想定してか、ハンバーガーメニューと呼ばれる形(右上の四本線)でデザインされている。クリックすると、画面領域全て覆いかぶさり、PCでは下にスクロールできない仕様になる。(スマホでは下にスクロールできる)
表示させたいグローバルメニューが多くて、デザインに困っている方は参考にしてみても良いのではないでしょうか。
掲載会社の情報
会社名 | WIRED |
---|---|
URL | https://wired.jp/ |
住所 | 東京都渋谷区渋谷2-11-8 |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
ホワイト・白色のデザイン事例
- 余白の使い方が美しい先進的なデザインのコーポレートサイト
余白を活かし、文字の形に写真を切り取った処理が印象的なトップページ。 ファーストビューにはナビゲーションが入らないように調整されており、キャッチコピーを強く印象付ける。スクロールしていくとグローバルナビゲーションが現れ、サイト内の各コ...
- 型にはまらないユニークなデザインのコーポレートサイト
サイトを開いてまず目に入るのは、自社商品が提供する価値を伝える動画。動画の上にキャッチコピーが乗り、切り替わり流れる動画に合わせてコピーライティングも変更するという工夫がされている。 トップページを訪れたユーザーは、次々と展開されるメ...
- 縦書きの文字を活用したオシャレな税理士のホームページデザイン例
オリジナルの写真が多く、キャッチコピーに視線を誘導するようレイアウトが工夫されているサイト。デバイスフォントでなく画像内に直接文字を書くことで、雑誌のように自由なレイアウトを実装している。 縦書きの文字や、縦長の写真が比較的多いのも特...
- デザインと動作のクオリティが非常に高い「FastGrow」
テクノロジー領域で活躍中の起業家・経営者のインタビュー記事を配信するメディア。デザインや動きのクオリティが非常に高く、数あるデザインをまとめてきた中でも、トップクラスにクオリティが高い。 一覧ページ 連載記事、通常の記事、イベン...
- 1カラムで構成されたオシャレなWebメディア「PR Table」
PR Tableは企業や団体がPR・HR・IRなどの目的で記事を投稿できるサービス。単なる宣伝をするような内容ではなく、主に企業のブランディングとして活用されており、記事を読んでいてもユニークで面白いメディア。 このメディアは下記の記...