No.049 Tabio

No.049 Tabio

Tabio

大阪に本社を置く靴下メーカーTabioのWebサイト。

ファーストビューの印象

靴下を一つの「ファッションアイテム」であることを意識させるオシャレなキービジュアル。それを引き立てるようにメニューの文字は14pxと小さい。

レイアウト

グリッド

レスポンシブ対応

あり
ブレイクポイント：375px,399.98px,415px,480px,541px,641px,767px,769px,890px,960px,1025px,1281px,1299.98px,1320px,1342px,1383px,1399px,1440px

 

フォント

見出し：ub,kb,kbSpecific,FP-KoburinaGoStdN-W6,kbN;
本文：ub,kb,kbSpecific,FP-KoburinaGoStdN-W6,kbN;

メニュー

PC：ナビゲーションバー
SP：ナビゲーションバー

カラー

ベースカラー：＃FFFFFF　ホワイト
メインカラー：#595959　グレー

感想、参考になった部分

全世界のマーケットをターゲットに、という姿勢が伺えるファッショナブルなスライド。
靴下の多様性・可能性を示しており、カジュアルにもスタイリッシュにも着こなせる、ということが伝わってくる。
サイドの「TABIO IN FUTURE」というキャッチにも写真と同じカラーの靴下を履かせているところに遊び心を感じる。

サイト全体を見渡してもフォントサイズは軒並み小さく、10pxという余りお目にかかれないサイズまで存在する。どちらかと言えば若者をターゲットにしているということだろうか。
フォントカラーも完全なブラックではなくグレーを使用。文字よりも写真でイメージを伝えることに重きをおいている。

No.049 Tabio |Webサイト100選