Back to the homepage
Case study 04 · 2026

The Japan storefront

A new Shopify storefront built for the Japanese market from scratch. Not a translation of the Western site: a different type system, a different information density, and mobile designed first because that is where nearly all the traffic was going to come from.

Shopify Japan launch Localization Mobile first UI/UX

Designed on the phone first

The 390px layout was the primary artboard. Desktop was derived from it, not the other way round.

日本語 ⌄
☰
⌕ ⛒
送料無料
¥25,000以上
匿名配送
全国対応
安心決済
SSL暗号化
おすすめ商品
どんなシーンにも対応します。
商品名がここに入ります
¥12,800
商品名がここに入ります
¥9,400
特集コレクション
ちょっと特別な情報、
受け取ってみませんか。
登録する
記事 · レビュー · フッター…
390w · primary
contact@example.jp日本語 ⌄
商品一覧特集ブログご利用案内
⌕♡⛒
送料無料
¥25,000以上のご注文で
匿名配送
全国どこでも対応
安心決済
SSL暗号化通信
おすすめ商品
どんなシーンにも対応します。
商品名がここに入ります
¥12,800
商品名がここに入ります
¥9,400
商品名がここに入ります
¥15,200
商品名がここに入ります
¥7,900
特集コレクション
新着アイテム
ちょっと特別な情報、
受け取ってみませんか。
お得なセール情報や新着アイテム、
限定コンテンツをメールでご案内します。
登録する
記事 · レビュー · フッター…
Desktop · derived

Placeholder copy in the mockups. The real storefront is live in Japanese; nothing here is client content.

What localizing actually meant

Translation was the smallest part of it.

01
A different type stack

Japanese runs on Hiragino Kaku Gothic ProN at a light weight, not the Latin grotesque the other storefronts use. Line height goes up, letter spacing loosens, and headings sit lower in the size scale because kanji carry more weight per character.

02
Line breaks by hand

Japanese has no spaces, so a browser breaks a line anywhere it likes. Headings and short paragraphs carry manual break points so a phrase never splits mid-word. Tedious, and immediately obvious when it is missing.

03
More information, not less

Western eCommerce trends push toward sparse pages and a lot of empty space. The shoppers I spoke to read that as evasive. Shipping thresholds, packaging discretion, payment security and delivery timing all sit high on the page, stated plainly.

04
Trust bar first

Three guarantees run directly under the header on both breakpoints: free shipping over a stated amount, discreet nationwide delivery, encrypted checkout. It is the first thing a new visitor sees, before any product.

05
Editorial does the explaining

A blog block sits on the homepage rather than buried in a menu. Buying guides answer the beginner questions that stop a first order, which matters more in a market where the category is researched quietly.

06
Yen, not converted

Prices are set in yen at round local numbers, not currency-converted from euros. A price that ends in an odd figure reads like an import, and an import reads like a customs risk.

How I learned it

I did not know this market when I started. So I went and found out.

Desk research first

Weeks of going through Japanese eCommerce sites section by section: how they structure headers, where they put trust signals, how dense their product grids run, what a Japanese checkout is expected to look like. The patterns are consistent and they are not the Western ones.

Then I asked people

I interviewed Japanese consumers about what they actually look for before buying online. Most of the decisions on this page came out of those conversations rather than a best-practice article: what they check first, what makes them close a tab, what they need stated before they trust a store they have never used.

And I went there

The launch came with a work trip to Japan for an industry convention. Seeing how things are presented in person, on shelves and on signage and on the phones of people around me, sharpened the design in ways reading about it did not.

The takeaway

The storefront launched on Shopify and now runs as its own market rather than a translated branch of the Western sites. The transferable lesson was cheap to learn and easy to forget: a market you have not lived in will not tell you what it wants through analytics alone. You have to go and ask.

Back to the homepage Say hello