Independent digital designer / Japan

DEPTHBY DESIGN.

高級感のある世界観と、予約・問い合わせへ導く設計。その両方を、動く立体空間として実装します。

AO villa website
LUCE salon website
NAGI brand website
Drag / Move / Explore
Brand strategyLanding pagesSpatial webConversion designMobile firstBrand strategyLanding pagesSpatial webConversion designMobile first
01 / Selected work

CASES,
NOT CARDS.

作品を並べるだけではなく、課題、狙い、情報設計、スマホ体験までをケーススタディとして見せます。ブランドの美しさと成果導線を同時に設計します。

Hospitality / Brand world

AO VILLA

瀬戸内の静けさを、余白・水平線・低速モーションで表現。宿泊への期待を高めながら、予約導線を邪魔しない設計。

Challenge高級感と予約導線の両立
Direction静寂・水平・余白
Mobile1画面1メッセージ
View design approach
AO villa landing page
AO mobile layout
Beauty / Conversion LP

LUCE

大人女性の新規予約を想定し、施術イメージ、料金、スタイリスト、予約CTAを一本道に整理。上品さを維持しながら迷いを減らします。

Challenge初回来店の不安を減らす
Direction柔らかい光・温度感
CV design予約CTAを段階配置
View design approach
LUCE salon landing page
LUCE mobile layout
Architecture / Editorial

YŌHAKU

建築写真を主役にしながら、設計思想と相談導線を編集的に構成。スクロール自体が空間を歩く体験になるよう設計。

Challenge作品性と信頼感の両立
Direction素材・陰影・静かな動き
Structure実例から相談へ自然接続
View design approach
Yohaku architecture website
Yohaku mobile layout
02 / Brand system

ONE WORLD.
EVERY DETAIL.

配色、書体、言葉、動き、3Dモチーフをバラバラにせず、一つのルールで統一。どの画面でも同じブランドだと感じられる状態をつくります。

01

Clear hierarchy

注目させる順番を明確にし、最初の数秒で強みと見るべき作品が伝わる設計。

02

Meaningful motion

すべてを動かさず、重要な場面だけに大きな動きを置く。静止80%、動き20%。

03

Stable depth

スマホでも止まりにくいCSS 3DとCanvasを主軸にし、演出と安定性を両立。

03 / Process

FROM IDEA
TO LIVE.

見た目だけで終わらず、公開後に使える状態まで一貫して制作します。

01 / Discover

目的を定義

ターゲット、課題、競合、必要な成果を整理します。

02 / Direct

世界観を設計

配色、書体、写真、言葉、3Dモチーフを決めます。

03 / Build

実装と最適化

PCとスマホを別設計し、速度と操作感を調整します。

04 / Launch

公開まで対応

Cloudflare Pages等への公開と最終確認を行います。

Available for selected projects

LET'S BUILD
DEPTH.

ブランドサイト、LP、ポートフォリオを、企画・ビジュアル・実装・公開まで一貫して制作します。

jiuyeshou22@gmail.com ↗