せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.77  tartaruga

■概要

足の細い女性専用の靴を製作・販売しているオーダーメーどショップのサイト。

 

■視点

トーンアンドマナーが統一され、独自の世界観を打ち出すこちらのサイトをレビュー。

 

■ターゲット

・足が細い女性(幅細甲低の方に合わせた靴)

 

■FV

画面の上3分の1にロゴとヘッダーを大きく配置。ロゴの赤字がワンポイントになっていて、ページを開いた瞬間にTの文字が印象付けられる。ヘッダーの余白が落ち着いた印象を与えるFV。

キャッチコピーが左下に写真と重なるように配置されていて、左半分は白背景のため文字が目に入りやすい。スニーカーの写真は途中で切れているため、商品の全体を見るためにスクロールに繋がる。

ナビゲーションは赤丸をアクセントとして配置してあり、文字にカーソルを持ってくると、赤字に変わる。ページ左側に引いてある赤のラインが特徴的。

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

■特徴

・全体

スニーカーの同じ白をあえて背景色にすることで、商品の洗練さが際立っている。スニーカー製作にあたってのポイントの一つ、「デザインはシンプルでありインパクトであるように。」がページデザインにも反映されている。

 

 

・our new sneakers

FVから続くようにスニーカーをスライドで紹介。全部で7枚のスライドがあるが、何枚目を見ているのか分かるよう写真の左側にページャーが配置されている。

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

 

・design

白と黒のスニーカーを紹介。商品が際立つよう背景の配色をすると思うが、白いスニカーの場合も白に近い背景色を写真でも使用。トーンが統一されているため、洗練された印象になり、ワンポイントのTがより引き立つ。

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

 

・feature

白背景にテキストを中央に配置。フォントサイズが大きくなくても読みやすい。

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

 

特徴の3つを2カラムで紹介。写真の位置を上と下が重なるように配置しているため、視線が誘導されるようになっている。Featureの文字を赤字にし番号を振ることで、特徴が3つあるというのが分かる。

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

 

■フォント

・YuGothic

 

 

■配色

・テキスト:#000
・アクセントカラー:#f00

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

 

 

 

 

Webサイト:tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

せろりのセオリー/ Webサイト100選 No.77  tartaruga

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén