SMALLSHIFT
← サイト事例に戻る

WEBSITE STUDY / 国内

TOOLOOS

室内干しを暮らしの風景として見せ、三つの製品へ進める生活用品のブランドサイト。

公式サイトを見る ↗
公式サイト / 掲載確認用
TOOLOOSの公式サイト画面

DESIGN NOTES

このサイトの設計を読み解く。

01

室内干しを緑の風景に溶け込ませる

冒頭は淡い緑の空間にバーと衣服を置き、室内干し用品を生活の一部として見せる。白い短文と大きなブランド名だけを重ね、機能説明を詰め込まない。生活感を消し去るのでなく、使ったままの姿が部屋になじむことを写真の主題にしている。

02

大きな製品名と短い生活の言葉

左側の「リビング。時々、クローゼット。」という短い言葉が、製品を使う場面を簡潔に示す。下辺の大きなTOOLOOSの文字と対になり、用途の理解と名前の記憶を分担する。説明を短くする場合でも、何に使うものかまで省かない点が参考になる。

03

余白から製品写真へ切り替える

スクロールした画面は緑の背景と細い製品を広い余白で見せ、その下でクリーム色のProducts区画へ切り替わる。背景色の変化と大きな製品写真が、雰囲気を味わう場所から具体的な検討へ移ったことを知らせる。装飾を増やさずに情報の段階を分けている。

04

三つの設置方法で選択を助ける

公開テキストでは天井取付の昇降バー、壁付けの折り畳みバー、持ち運べるスタンドの三製品を分け、それぞれ詳細への入口を設ける。似た用途の商品でも、設置場所と収納方法を比較の軸にできる。購入前に住まいの条件と照らし合わせやすい分類だ。

05

メーカーとデザインの背景をつなぐ

品質や耐久性の説明に加え、川口技研のものづくりとTENTとの協業を紹介する。右側にはInstagramとOnline Storeの入口が見え、背景を知ることと購入への移動を分けている。美しい写真だけで終わらず、作り手と販売先へ接続する構成になっている。

APPLY TO YOUR PROJECT

自分の制作に取り入れるなら

生活用品は単体の白背景写真だけでなく、使ったままでも心地よい部屋の写真を主役にできる。製品選びは設置方法や収納方法など、暮らしの条件に沿って分けたい。

そのまま真似する前に

実際の取付条件、耐荷重、寸法、工事の要否は雰囲気写真だけでは判断できない。購入先へ移る前後に詳細仕様を確認できることが重要で、施工や購入操作は今回未検証。

次に見ておきたい参考

一覧へ →
TOOLOOSの公式サイト画面