🚀 I work with async-first, trust-based teams around the world. I focus on delivering accessible, maintainable, and intuitive interfaces — translating UX thinking into aligned frontend–backend flows.
My work often involves defining API contracts from frontend needs, aligning logic with data shape, and reducing ambiguity between designers and backend engineers.

💡 My approach combines:

• Frontend development (React / Next.js / TypeScript)
• UX-driven architecture and async-friendly component structure
• API contract definition and integration based on frontend logic
• Clear communication in distributed, trust-based teams

Whether working independently or as part of a distributed team,
I focus on clarifying requirements, sharing ideas early, and delivering code that respects users and teammates alike.

🔍 I’m currently deepening my accessibility practice — learning to design and build with inclusion from the start. I see accessibility not just as a checklist, but as a way to sharpen engineering, UX, and real-world care.

📖 I also write about what I learn:
How Accessibility Became a New Lens in My Work – and Why I'm Learning to See More Clearly ↗

✨ One of my recent articles — From Universal Design to Personalized Interfaces ↗ — was featured in Bootcamp (UX Collective), a curated UX publication reaching 3M+ monthly readers.

🧠 Recently, I’ve been working on:

• Designing and implementing frontend architecture in async environments
• Aligning UI logic with backend structure and defining API contracts
• Building modular, maintainable UI components from Figma
• Translating design insights into testable, clear code with documentation

A curated selection showcasing API & Schema Design, frontend architecture, and user-centered design.

Sole frontend developer in a 4-person async team. Designed API contracts, aligned Prisma DB schema, and implemented secure Metamask authentication for Web3 onboarding.
✅ Next.js / TypeScript / Prisma / API & Schema Design
🔗 View Case Study

Built an internal reporting tool that generates multi-page client PDFs. Defined API contracts, integrated Prisma queries, and automated generation with Puppeteer.
✅ React / TypeScript / Prisma / Puppeteer
🔗 View Case Study

Solo-built full-stack app with Rails REST API and React/Redux frontend. Focused on clear UX flows, maintainable data schema, and frictionless daily logging.
✅ React / Redux / Rails / REST API
🔗 GitHub Repo

Fullstack app with secure Google login, Supabase/Postgres DB, and Prisma-based API & Schema Design. Designed clear search UX with personalized movie lists.
✅ Next.js / Supabase / Prisma / Authentication
🔗 GitHub Repo

Led a UX-driven overhaul for a mid-sized beauty appliance brand. Improved clarity, trust, and conversion by restructuring content and user flows.
✅ Information Architecture / User Flow / Content Strategy
📈 Results: +174% sessions / –7% bounce rate
🔗 View Case Study

UX case study exploring structured contribution and clear interface flows for async teams.
✅ UX Architecture / Tagging System / Prototyping
🔗 View Case Study

Browser game built from concept to code. Explored intuitive gameplay loops, minimal UI, and clear feedback for players.
✅ JavaScript / Phaser / Game UX
🔗 GitHub Repo

A self-initiated UX tool for remote teams to reflect more inclusively with structured, low-pressure prompts.
✅ UX Facilitation / Remote Team Design
🔗 View Case Study

🧭 Yoko | Portfolio & Services
💬 Let’s connect on LinkedIn
📰 Read Articles on Medium

I’m especially passionate about clarifying logic across layers — from user flows to database design — to build products that feel simple, even when they aren’t.

Thanks for stopping by!
If you're looking for a frontend developer who bridges design and engineering, let’s build something thoughtful together.