2021.12.8現在
3714件のデザインを掲載中
http://www.tokiomarine-nichido.co.jp/

「東京海上日動」のホームページデザイン解説

Design Review
デザイン解説

トップページをスクロールしていくと現れる「ご検討中のお客様」の項目には、オリジナルデザインのアイコンが用いられており直感的に内容が理解できるような工夫が施されています。さらにスクロールすると背景に写真を用いた表示が展開されて、目に止まりやすい構成となっています。表示されたリンクボタンをクリックすると下層ページに遷移し、ムービーコンテンツも用意されていることユーザの興味を抱かせる要素となっています。上部に設置されたナビゲーションメニューには「個人のお客様」や「法人のお客様」というかたちでページを分けていて、各メニューにカーソルを合わせると下部にタブが現れて項目のリストが表示されます。項目の表示には左から伸びてくるようにして現れるモーションが加えられていて、ちょっとした動きがアイキャッチの効果となっています。

執筆者

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

カテゴリ

タイプ
業界・業種
カラー
テイスト

基本情報

会社名
東京海上ホールディングス株式会社
サイト名
東京海上日動
URL
http://www.tokiomarine-nichido.co.jp/

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む