SHIOMACHI

SHIOMACHI

和菓子店 / 自主制作

Live Site

和菓子店の季節感と上品さを、余白とタイポグラフィで表現したブランドサイト。

SHIOMACHIのWebサイト画面
01

Context

想定した店舗・課題

地域の和菓子店を想定。贈答や季節の和菓子を探しつつ、店の世界観にも惹かれて来店を決める層。

02

Purpose

サイトの目的

小さな店舗でもブランドとしての佇まいを保ち、商品と店舗情報へ迷わず進めるサイトにすること。

03

Challenge

想定した課題

装飾を足すと上品さが崩れ、削ると情報が足りなくなる。ブランド感と実用情報の両立が課題でした。

04

Concept

コンセプト

伝統と現代のバランスを意識し、繊細なタイポグラフィと色面で和菓子らしい静けさを表現しています。

05

Intent

設計意図

縦のリズムと余白で和の印象を補強。スマホ前提で読み進めやすくしつつ、商品・店舗情報への導線は短く保っています。

06

Focus

こだわったポイント

  • 余白と縦のリズムで和の佇まいを補強
  • 商品・店舗情報への明確な導線
  • 上品さを損なわない控えめなモーション
  • 素材感のあるビジュアルで世界観を統一

Screenshots

PC / スマホでの見え方

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

Tech

使用技術

  • HTML
  • CSS
  • JavaScript

Live Site を見る

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

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