Design engineering
I translate UX/UI and product design decisions into responsive, accessible interfaces using React, TypeScript, and front-end code.
Designing connections that work
I design thoughtful digital experiences and build them.
What I do
Bridge design intent and working front-end experiences.
Systems and structure
I create design systems, information architecture, and reusable patterns that keep products coherent from prototype through implementation.
Conversion-focused web design
I improve content hierarchy, interaction paths, and responsive behavior so digital experiences are clearer, more useful, and easier to act on.
Selected work
Products, websites, and the thinking behind them.
(08 selected projects)
01 / Owned productProduct design · SwiftUI · macOS
ApplyKit
A calmer way to run a job search.
A private, local-first application tracker designed and built to save roles, understand fit, and keep every next step visible. The product pairs a native macOS interface with explainable scoring and a workflow built around real job-search decisions.
View the case studyProduct design · Java · AI-assisted development
The Chosen Quest
A classroom RPG, redesigned into a cohesive desktop experience.
An active private-beta redesign combining gameplay systems, a modular fantasy interface, visual quality control, and release testing. The work explores how human product direction and AI-assisted implementation can stay accountable to clear design constraints.
View the case study
02 / Independent case studySelected client websites
Work made in collaboration.
I contributed to the design and development of these live client websites while working with FMG and WebDigital Inc. The collection spans financial services, wellness, home services, and regional businesses.
01Financial planning
Keim Financial Group
View live site
02Wealth management
Diversified Wealth Management
View live site
03Financial services
Bowen Financial Group
View live site
04Health & wellness
OsteoStrong Tustin
View live site
05Home services
Jaime’s Plumbing
View live site
06Water systems
Water of Texas
View live siteFrom the design archive
Full-page concepts, gathered in Figma.
01OsteoStrong
A local studio concept designed to explain unfamiliar bone-strengthening modalities and encourage visitors to book a free session.
02Woof Houze
A friendly service-site concept for a humane, fear-free canine training and wellness business.
03All Season Adventures
An energetic booking concept for Colorado ATV, UTV, and snowmobile rentals and guided tours.
04EV Charging OC
A local-service concept designed to build trust and generate estimates for residential EV charger installation in Orange County.
A little about me
Curious by default. Always learning.
I'm Ryan, a design engineer and senior UX/UI designer connecting product thinking, design systems, and front-end implementation.
My work lives where design and development overlap: understanding the real problem, shaping a clear system, and giving the result enough personality to be remembered. I bring client website experience, hands-on product thinking, and a habit of learning by making.
Current
React & TypeScript development
Building this portfolio and practical digital products in public.
Product
ApplyKit
Product design and SwiftUI development for a local-first macOS app.
Client work
FMG & WebDigital Inc.
Contributed to client website design and development across multiple industries.
Have a project in mind?
Let's make something worth sharing.
Open to full-time roles bridging UX/UI design and front-end development.
Email Ryan