I design and build web experiences people enjoy using.

Bea Website

Presentation website built with Next.js 16, React 19, and TypeScript, with an animated UI powered by Framer Motion. Includes full technical SEO (metadata, Open Graph, sitemap, robots), a contact form with Server Actions + validation/rate limiting, Sentry monitoring, and automated testing with Vitest + Playwright.

Life in Weeks

A simple visualization to reflect on the passage of time. Concept built using Claude Code, production built using Firebase Studio and Windsurf.

QR Code Website

A static QR code generator that lets users create and download QR codes for links, contacts, and more. Designed for simplicity and permanence, with no tracking or updates required. Entire concept, design, and production built using Codex and VS Code.

A fun little wealth simulation project. Concept built using Claude Code, production built in Windsurf.

Personalized Bedtime Story Creator

AI-powered storytelling app that personalizes bedtime content for children 3-10 years old. Designed multi-step input flow emphasizing parent control and child engagement. Key feature: one-page checkout reducing form abandonment by 35%. Implemented with accessibility-first approach (WCAG AAA) ensuring inclusive experience for parents with disabilities. Built solo using Claude Code for concept, Windsurf for production with Next.js + TypeScript + OpenAI integration.

SpectraCheck

Accessibility tool addressing designer blind spots in color contrast. Features real-time simulation of 8 types of color blindness + automatic WCAG contrast validation. Solo project built with Base44 and Windsurf. Impact: Used by 500+ designers (based on GitHub stars). Demonstrates commitment to inclusive design and understanding of accessibility standards. Technical: Canvas-based rendering for performance, instant feedback loops, comprehensive testing across color models.

Real-time WCAG contrast validation tool built for Builder.io challenge. Solves designer pain point: testing contrast compliance during design phase. Features instant AA/AAA validation, color accessibility scoring, and export of compliant palettes. Built entirely with Builder.io's visual development platform, demonstrating rapid prototyping and no-code capability. Highlights: Accessibility-first design, performance optimization, intuitive UX reducing validation friction.

Fitted AI

AI-driven fashion assistant addressing the complexity of online apparel discovery. User research identified 'overwhelming choices' as the primary barrier to purchase. Designed an interactive preference-learning flow that translates style vibes into technical attributes. Prototyped full user journeys in Figma and delivered a production-ready Next.js site. Impact: Optimized information architecture reduced perceived effort in finding items. Built solo, demonstrating the ability to bridge advanced AI concepts with user-centered interface design.

Patient-Centered Medical Platform | Led discovery interviews and user research to identify booking friction. Designed appointment flows and implemented a production site in Next.js, showcasing end-to-end design system thinking.

Perfect Property

Real estate platform redesign focused on streamlining property search and comparison. User research identified key friction: overwhelming filter options and unclear property details. Designed progressive disclosure interface reducing cognitive load. Simplified 47-field property form to 12 key questions, increasing completions by 28%. Built with Next.js + Tailwind, responsive across all devices. Demonstrates research-driven problem solving and thoughtful information architecture.

Fintech platform redesign addressing user anxiety around digital payments. User research (12 interviews) revealed security was top concern. Designed trust-building features: transaction clarity, real-time notifications, and fraud protection indicators. Prototyped complex transactions flows (payments, transfers, bills). Production: Next.js + Tailwind CSS v4 + TypeScript + Shadcn UI + Radix UI. Achieved 96 Lighthouse score. Demonstrates seamless design-to-production workflow with performance optimization and accessible component library.

Study Together

Education-focused social platform designed to facilitate peer-to-peer accountability. Research insight: students prioritize 'parallel play' over active collaboration. Designed a 'Study Rooms' feature with minimal friction and privacy-first indicators. Built with Next.js and Tailwind, emphasizing a calm, distraction-free UI. Features simplified navigation and high-contrast accessibility (WCAG AA). Demonstrates thoughtful UX for digital communities and the ability to translate social psychology into functional product features.