I work across React, Next.js, TypeScript, accessible UI, and product-facing frontend implementation.

I run Sola Studio, an independent practice supporting teams with interface clarity, web accessibility, and UI implementation.

I often work on the parts of a product where UI implementation, API behaviour, data flow, accessibility, product logic, user expectations, and team communication need to line up. I care about making product screens easier to understand, implement, maintain, and improve across layers.

• Interface clarity — pages, forms, flows, and product screen structure
• UI implementation with React, Next.js, and TypeScript
• UI, API, and data-flow collaboration
• Internal tools, dashboards, and data-heavy product screens
• Accessible UI implementation, through Sola Studio
• Clear written communication in distributed teams

A lightweight open-source color contrast checker for Tailwind CSS palettes, custom hex values, and semantic color token decisions.

Built for frontend developers, designers, and anyone who needs to check contrast quickly while working on UI.

Originally created as a small practical tool, then cleaned up and released as open source through Sola Studio.

Stack: Next.js / TypeScript / Tailwind CSS / Accessible UI

• Open app
• Source code

An interview practice app built with accessibility considered from the start.

Built for practicing answers out loud, reviewing prompts, and supporting a clearer interview preparation flow.

Stack: Next.js / TypeScript / Tailwind CSS / Zustand / Accessible UI

• Try the app
• Read the story on Medium

A free browser-based estimator for putting a rough number on possible missed opportunity caused by friction on a conversion flow.

Built as part of Conversion & Accessibility Series at Sola Studio. Designed to make a problem that often stays vague easier to size, frame, and bring into internal discussion — using the user's own inputs and assumptions.

Stack: Next.js / TypeScript / Tailwind CSS / Session Storage / Accessible UI

• Try the estimator
• See Conversion & Accessibility Series

• Internal data dashboards — dashboard wireframes, CSV-driven workflows, requirements structuring, and React / TypeScript UI prototyping for data-heavy internal tools.
• Web3 EdTech Platform — frontend implementation across async collaboration, API contracts, authentication flows, wallet connection, and certificate issuance.
• Automated PDF Report Tool — React-based internal reporting tool with data handling, chart rendering, and automated PDF generation.
• UX-Oriented Website Redesign — information architecture and flow restructuring for a corporate website redesign.
• Accessibility review and implementation support — review and implementation support through Sola Studio, focused on selected pages, flows, components, WCAG 2.2 AA-related issues, prioritised findings, and practical scoped frontend implementation.

I focus on clarifying requirements, sharing decisions clearly, and building frontend systems that stay understandable across product, design, engineering, and operations.

Accessibility is part of how I make implementation decisions. I see it not only as compliance work, but as a practical way to improve UI quality, interaction design, and real-world usability.

I also care about the friction that appears between layers: design intent, frontend implementation, accessibility, backend constraints, data flow, business context, user expectations, and team communication.

I write about accessibility, frontend work, UX, communication, and product friction that is easy to overlook in everyday delivery.

• What Building My First A11y-Focused App Taught Me
  Featured in JavaScript in Plain English

• From Universal Design to Personalized Interfaces
  Featured in Bootcamp / UX Collective

• The UX Lesson I Learned in a Quiet Tokyo Salon
  Featured in Bootcamp / UX Collective and selected for Boost

• Sola Studio
• Sola Journal
• LinkedIn
• Medium