https://www.andtradition.com/

デザイン・UI/UX共に優れたサイト

◎視点
UI・UXについての知識がまだ乏しいので(そもそもUIとUXの違いがよくわからない)Awwwardsで評価の高いサイトをチェック。
デザイン性だけでなく、ユーザーが見やすく設計されていて最新のデザインの驚くサイト。

◎概要
海外の家具販売店サイト。洗礼されたデザインでhoverで様々なエフェクトを多く含む。
見ていて楽しいサイト。
Awwwards受賞作品

◎余白
コンテンツ間:80~100px

◎配色
落ち着いたトーンの配色

◎FV
大々的に写真を用いている。写真は文字が入れやすい写真を用いている。

◎商品紹介ページ
一見商品を並べた部屋の写真に見えるが、家具にドットの印が。
hoverすると商品情報が現れ、クリックすると飛ぶ仕組み。
従来であれば、下にサムネイルなどを置きがちだが、スペースを省きわかりやすいデザインになっている。

柿と種とサイトレビュー| Webサイト100選 No.092 &Tradition

◎商品一覧
商品の単一写真だけどhoverすると、家具を用いた部屋のレイアウト写真になる。
商品ページに飛ばなくとも、単体写真と家で用いたイメージ、共に持つことができる。
バラエティではカラーのアイコンが設置され、クリックすると商品写真がその色の写真に切り替わる。

柿と種とサイトレビュー| Webサイト100選 No.092 &Tradition

◎商品ページ
商品ページも素晴らしいので細かくチェック。
左右に詳細情報をのせ、中央はスクロールすると写真が流れる。流れきるとページ全体がスクロールする。
その下はデザイナーの紹介エリアになる。

柿と種とサイトレビュー| Webサイト100選 No.092 &Tradition

◎まとめ
グリッドも綺麗に揃っており、本当に無駄のないサイト。
About以外の説明文はTOPにはない。細かいところまで隅々見たいサイト。

柿と種とサイトレビュー| Webサイト100選 No.092 &Tradition

コメントを残す