「Find my Tokyo.」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

トップページが二つに分割されており、左側はムービーや短い間隔で切り替わる写真が用いられたビジュアルエリアになっていて、右側はサムネイルリンク写真が一覧表示になったコンテンツエリアが展開されています。右端にはナビゲーションメニューの固定表示があり、斬新且つ合理的な構成が特徴です。コンテンツエリアはスクロールしていくと非常に多くの記事が用意されていることがわかり、楽しく閲覧できる充実の内容となっています。またサムネイル写真は角丸の四角で統一されていてカーソルを合わせるとテキスト部分に青色のスクリーンが現れて写真が少しズームインするモーションが加えられています。統一感があって、しっかりと作り込まれたサイトに仕上がっています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 東京メトロ

サイト名: Find my Tokyo.

URL: http://findmy.tokyo/

「Find my Tokyo.」のホームページデザイン解説

執筆者

カテゴリ

基本情報

運送会社に関連するデザイン

サービスサイトに関連するデザイン

ホワイトを使ったデザイン

迫力なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む