SILH

SILH

ブランド / ショップ / 自主制作

Live Site

洗練されたビジュアルを軸にしたブランドサイト。

SILHのWebサイト画面
01

Context

想定した店舗・課題

ビジュアル重視の小規模ブランド・ショップを想定。世界観に惹かれた人が、商品や問い合わせへ進む導線を重視しました。

02

Purpose

サイトの目的

余計な装飾を削ぎ、写真と余白でブランドの輪郭をはっきり見せること。

03

Challenge

想定した課題

情報量を抑えつつ、世界観と必要導線(商品・問い合わせ)を両立させることが課題でした。

04

Concept

コンセプト

ミニマルなUIでブランドの印象を先に作り、そのあとに必要な行動だけを置く設計です。

05

Intent

設計意図

視線誘導をシンプルにし、各セクションの役割を明確化。スマホでも破綻しないタイポグラフィスケールを採用しています。

06

Focus

こだわったポイント

  • ミニマルなグリッドと余白
  • 写真ドリブンのファーストビュー
  • 軽いホバー・スクロール演出
  • 導線を絞って迷わせない構成

Screenshots

PC / スマホでの見え方

Desktop — MacBook Air 13"
SILH PC表示
Mobile — iPhone 15 Pro
SILH スマホ表示
07

Tech

使用技術

  • HTML
  • CSS
  • JavaScript

Live Site を見る

Webサイトについて、
まずは相談してみませんか。

まだ依頼内容が完全に決まっていなくても大丈夫です。