- Website
- / Branding
- / System
- / AI Product
Because I can build it, I reach the vision.
I'm neither a designer nor an engineer — I live in the space between.
When I'm working in code, ideas keep surfacing as I build — "maybe this could move like that," "maybe this expression is possible too."
Moving back and forth between design and code, I end up somewhere I never would have thought of at the start.
Carrying design through to implementation with my own hands — that is what I bring.
WHAT I DO
Think it through, design it, build it.Turn ideas into experiences that move.
From planning through UX, UI, design, frontend, and AI integration — I cross whatever ground the project needs. Direct requests from companies and individuals, or as an external partner to production agencies, both welcome.
- Website Production
- Web Product Development
- Team Participation
WORKS
Client Work
Real projects with companies, public institutions, and production agencies.
Hiroshima Prefecture Official COVID-19 Data Site
Role: Planning, data-display design, frontend implementation
Stack: OSS-based (extended from Tokyo Metropolitan Government's public code)
A time-critical project for a public institution. I implemented the display layer solo, reading through the existing open-source codebase and reworking it to fit the requirements.
studiomove
Role: Planning, client interviews, WordPress design overhaul and build
Stack: WordPress
A production agency project — handled solo from planning through design and build.
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.
Personal
In-house products, plus personal planning and production.
Fudo
Role: Planning, UI design, frontend implementation
Stack: Astro
UNPAQ
Role: Planning, experience design, UI, frontend, AI integration
Stack: Next.js / TypeScript / OpenAI API
ReTadoru
Role: Planning, experience design, UI, frontend, AI integration
Stack: Next.js 15 / React 19 / Supabase / OpenAI
Jesse & Ellie
Role: Planning, UI design, frontend implementation
Stack: Astro / MicroCMS
No.44 PROJECT
Role: UI design, frontend implementation
Stack: Nuxt2
365
Role: Planning, UI design, implementation
Stack: Nuxt2
AonC
Role: Planning, branding, UI, implementation
Stack: Astro
Neroli — Logo
Role: Planning, logo design
Neroli — Shop Card
Role: Planning, collateral design
Lab
Experiments in technology and expression.
FLEET VISION
Role: Planning, UI, data visualization, frontend, motion
Stack: Astro / three.js / WebGL / GSAP
Earth Quake
Role: Planning, 3D, data visualization, frontend
Stack: Astro / three.js / USGS Earthquake API
The Rise and Fall of Taira no Kiyomori
Role: Planning, AI-generated assets, UI, frontend, motion
Stack: Astro / GSAP / Canvas / nano banana
Secret Forest
Role: Planning, AI-generated assets, 3D, UI, frontend, motion
Stack: Astro / three.js / GSAP / Canvas
ÉCLAT
Role: Planning, AI-generated assets, UI, frontend, motion
Stack: Astro / GSAP / Canvas / nano banana / Veo
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
Best UI / Best UX / Best 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.