Nicolle Koetzler Product Engineer · Legal Tech
Product engineer for legal tech with 12+ years in digital design and 4+ years building production front ends. Led a 20-person design and development team shipping websites, dashboards and web apps for 40+ U.S. law firms: 20+ law firm websites, Case Connector, an attorney-to-attorney referral app on the App Store, and a performance dashboard used by 30+ firms. I work directly with attorneys, turning client-acquisition and case-management needs into requirements, flows, data structures and runnable React/Next.js + Tailwind code.
Experience
Head of UX/UI Engineering · The Casely Group
Oct 2023 – Oct 2026
Miami, FL · Remote
- Led a team of 20 designers and developers delivering websites, dashboards and web apps for 40+ U.S. law firms; owned prioritization, delivery and final visual quality.
- Designed and built sites and web apps from concept to production (Figma to React + Tailwind), making the calls on page structure, information architecture and responsive behavior.
- Built and maintained a design system in Figma and React + Tailwind, keeping design and code in sync and integrating with backend APIs and AI-powered workflows.
- Introduced AI-assisted design-to-code workflows across the team, speeding up development and tightening the design–engineering handoff.
- Primary contact for attorneys: turned client-acquisition and case-management needs into product requirements, flows and data structures.
- Mentored designers and developers on connecting UX decisions with engineering execution.
Projects & team
UX/UI Engineer · NefroAtual
Jan 2023 – Feb 2024
Toronto, Canada · Remote
- Designed and built the website and app for a learning platform that prepares doctors for nephrology residency (React + Tailwind on web, React Native on mobile).
- Owned front-end features end to end: components, application logic, layout and bug fixes across web and mobile.
- Worked with physicians to understand study goals and shaped the study flows and content structure around them.
Skills & Tools
Design — Product & visual design · Typography & layout · Information architecture · User flows · Prototyping · Design systems · Responsive design · Figma · Photoshop
Front-end — HTML · CSS · JavaScript · TypeScript · React · Next.js · Vue · Astro · Tailwind CSS · Radix UI
Back-end & data — Node.js · NestJS · GraphQL · PostgreSQL · Prisma
AI-assisted development — Claude · ChatGPT · Gemini · Directing & reviewing coding agents · Prompt engineering · AI agents
Tools — GitHub · Docker · AWS · Cloudflare · Webflow · WordPress · Notion · Slack
Education
Internet Systems · FIAP, São Paulo
2023 – 2025
UX/UI and product design, information architecture, front-end development (JavaScript, React, Node.js), cloud, databases and AI.
Software Engineering Program · Driven Education, São Paulo
2022 – 2023
1,000+ hours of hands-on training; built 25+ projects with React, Node.js, TypeScript, Tailwind CSS and Prisma.
Languages
- Portuguese Native
- English Fluent (C2)
- German Elementary (A2)