- Website
- / Branding
- / System
- / AI Product
Turning vision into
an experience.
I'm neither a designer nor an engineer — I'm a creative developer, working in the space between.
Moving back and forth between design and code, I turn ideas that don't have a shape yet into something you can experience.
Because I can build it, I can widen what design is able to do. Because I can design it, I can draw more out of the technology.
Out of that back-and-forth, I arrive at expression I couldn't see at the start. That is how I make things.
HOW I DO
Sharpen what makes you distinctive, build an experience people choose.Turn value you haven't put into words into something people can experience.
From strategy through structure, design, and implementation. By moving across those boundaries, I turn value that hasn't been put into words into a digital experience.
- Digital Experience Design
- Brand Website
- Product Development
- Creative Partnership
RESULTS
- SEO operations at 10,000 PV/year
- CSSDA Special Kudos
- PageSpeed Insights 99
- Public-sector data site
FLOW
From the first conversation to post-launch improvement, this is how I work. I can also join for specific stages only.
- 01 Discovery interviews
- 02 Putting value into words
- 03 Concept design
- 04 Traffic strategy
- 05 UX / UI design
- 06 Visual design
- 07 Build
- 08 SEO / GEO
- 09 Analytics & improvement
WORKS
What I've built.
Client work, in-house products, and technical experiments.
Home Buying Consultation Center — Hiroshima
Role: Client interviews, analytics review, planning, design, build
Stack: WordPress
Renewed an existing site end-to-end — from current-state analysis through proposal and implementation.
&Sankaku
Role: Client interviews, wireframes, design, build / artist collaboration
Stack: Web
Collaborated with an artist, from visual direction to implementation — building an atmospheric site from zero.
Sousaku Ryouri "Na" — Feature Report
Role: UI design, implementation, motion
Stack: Web / GSAP
A scroll-driven feature page designed to be read like a story.
Fudo
Role: Planning, UI design, frontend implementation
Stack: Astro
Design and build of a travel feature that journeys through Japan's scenic landscapes from north to south.
UNPAQ
Role: Planning, experience design, UI, frontend, AI integration
Stack: Next.js / TypeScript / OpenAI API
An AI career-diagnosis tool, self-developed from planning through implementation.
ReTadoru
Role: Planning, experience design, UI, frontend, AI integration
Stack: Next.js 15 / React 19 / Supabase / OpenAI
A self-discovery tool for finding the version of yourself that fits best.
Jesse & Ellie
Role: Planning, UI design, frontend implementation
Stack: Astro / MicroCMS
UI and implementation for a travel media site.
No.44 PROJECT
Role: UI design, frontend implementation
Stack: Nuxt2
(Tentative) Design and implementation of a project site.
365
Role: Planning, UI design, implementation
Stack: Nuxt2
(Tentative) Site for a crowdfunding campaign.
AonC
Role: Planning, branding, UI, implementation
Stack: Astro
(Tentative) From branding through site build.
Neroli — Logo
Role: Planning, logo design
(Tentative) Brand logo design.
Neroli — Shop Card
Role: Planning, collateral design
(Tentative) Shop card design.
Japan Population 2020→2070
Role: Planning, data design, visualization, UI, frontend
Stack: Astro / React / TypeScript / SVG
Japan's official population projections turned into an instrument panel you can actually operate. The conditional projections already published by IPSS become the lever itself: change the fertility rate and the trajectory of population and aging through 2070 moves with it.
FLEET VISION
Role: Planning, UI, data visualization, frontend, motion
Stack: Astro / three.js / WebGL / GSAP
A real-time sci-fi-FUI-style visualization of a fictional trucking company's operations. A logistics dashboard with a WebGL control map tracking drivers, cargo, working hours, and delivery deadlines.
Earth Quake
Role: Planning, 3D, data visualization, frontend
Stack: Astro / three.js / USGS Earthquake API
Real-time USGS earthquake data visualized on a 3D globe of neon dots against a black background. A dashboard that also shows country rankings and long-term trends.
The Rise and Fall of Taira no Kiyomori
Role: Planning, AI-generated assets, UI, frontend, motion
Stack: Astro / GSAP / Canvas / nano banana
The life of Taira no Kiyomori and the rise and fall of the Taira clan, painted in ink on faded washi paper. An immersive parallax scroll page where each chapter opens the screen and unrolls the scroll deeper and sideways.
Secret Forest
Role: Planning, AI-generated assets, 3D, UI, frontend, motion
Stack: Astro / three.js / GSAP / Canvas
An immersive parallax page where scrolling takes you deeper into a forest, revealing a rotating 3D figure.
ÉCLAT
Role: Planning, AI-generated assets, UI, frontend, motion
Stack: Astro / GSAP / Canvas / nano banana / Veo
AI-generated footage broken down frame by frame into an immersive product page where scrolling drives rotation, assembly, and disassembly.
Work Style
Ways We Can Work Together
Implementation from a Figma handoff, of course — but I can also start from requirements definition or refining the UI. Fully remote, available nationwide. I usually reply to first inquiries within 1–2 business days.
Direct Engagements
Direct from companies or individuals. I take on everything from planning and design through implementation.
Spot Support
Landing pages, microsites, UI implementation, AI features — I cover just the scope you need.
Ongoing Partner
As an external member of a production agency, supporting multiple projects on an ongoing basis.
Team Member
Working alongside directors, designers, and engineers as part of the team.
ABOUT
Yuki Matsuda
A creative developer who handles planning, marketing, design, and development end to end. By driving both the creative and engineering wheels myself, I create worldviews and experiences you can only reach that way.
I work broadly across web production, web-app development, AI-app development, and branding — taking on independent commissions as well as joining and supporting company projects.
CSSDA Special Kudos Award
Jury Score 7.26 — UI / UX / Innovation
FAQ
-
+ Can I hire you as an external partner for my production agency?
Yes. I offer spot support, ongoing partnership, and project-based team participation. Beyond implementing from Figma, I can also start from requirements definition or refining the UI.
-
+ What stage can I reach out at?
Any stage — before planning, mid-design, pre-implementation, or improving an existing site. Even if the spec isn't set yet, I'll start with whatever needs sorting out first.
-
+ Can you join a team that already has designers and engineers?
Yes. I fit into the existing workflow and role split, covering whatever's needed — UI design, frontend, interaction, or AI integration.
-
+ Can I consult on AI integration alone?
Yes. I handle feature design, prototyping, and integration into existing products using tools like the OpenAI API — and I won't push AI where it doesn't fit.
-
+ How do you work, and how can I reach you?
Fully remote, available nationwide. I usually reply to first inquiries within 1–2 business days.
CONTACT
Let's start with a casual conversation
I take on direct requests from companies and individuals, as well as work as an external partner for production agencies. It's fine if things aren't fully decided yet — let's figure out how to move forward together, based on what you need. Pick a button below and it'll fill in the message field.