THE ARCHITECT

The Systems Architect

Synthesizing 20+ years of systemic diagnosis and human-centered empathy into high-performance, neuro-inclusive digital engineering.

Professional portrait of David Villers against a colorful AI-generated whiteboard background.
A professional portrait of David Villers, positioned as the human anchor in front of a dense, multi-colored AI-generated whiteboard. David is wearing a crisp blue collared button-up shirt, set against a background of schematic gibberish and diagrammatic noise, symbolizing the 'Complex Mess'—unrefined data that David specializes in auditing and refactoring.

The Auditor’s Eye & The Therapist’s Touch

I approach digital architecture with a unique duality: the clinical precision of an Auditor and the diagnostic empathy of a therapist. My goal isn't just to fix "broken" code; it's to identify and release the underlying points of tension that prevent a system from breathing.

Whether I am refactoring a legacy CSS codebase or auditing a complex user flow, I specialize in identifying the structural friction that disrupts the user experience. I thrive on the challenge of transforming a fragmented, "complex mess" into a streamlined, high-performance machine that feels as good as it functions.

Anatomical hand reaching upward, with glowing nerves transitioning into a 3D digital wireframe.
A transcendental visualization of a human hand reaching upward, where organic anatomy meets the digital grid. Glowing pine-green nerves and magenta energy meridians transition at the fingertips into neon fiber-optic lines, forming a precise 3D geometric wireframe. This represents the 'Tooling Matrix'—the point where diagnostic empathy becomes technical execution.

The Tooling Matrix: Systematic Problem Solving

Engineering is more than syntax; it is the art of building scalable, sustainable environments. My transition from the tactile to the digital was fueled by a passion for how systems both biological and mathematical interact.

I utilize a modern Design Technologist toolkit, leveraging Fluid Typography scales, BEM-structured CSS, and WCAG AA accessibility standards. By treating every project as a "Meta-Project," I ensure the internal architecture is as clean as the public-facing interface. This disciplined approach, refined through my education at The Tech Academy, allows for rapid scaling without technical debt.

Macro close-up of a translucent head in meditation with a magenta geometric energy lattice.
A technical macro close-up of a translucent human head in a meditative state, rendered in glowing pine-green to reveal internal neural pathways. A vibrant magenta energy radiates from the forehead, expanding into a symmetrical 3D geometric lattice. This visual represents the 'Handshake' between internal human intuition and external digital systems.

Why UX Engineering?

Massage therapy taught me that you cannot fix a symptom without understanding the underlying system. My work now exists at the high-tension intersection of design and development: I pivot where pixels meet production. By treating the interface as a functional machine, I build high-fidelity rigs where form validates function, ensuring every interaction is as scalable as it is accessible.

Comic of a cowboy using a glowing energy lasso to synchronize a group of AI agents.
A humorous comic titled 'The daily life of a Design Technologist.' A cowboy on horseback uses a glowing energy lasso to synchronize a group of identical AI agents. This serves as a metaphor for the 'Weaver' archetype—bridging the gap between conceptual AI output and structured, scalable digital architecture through expert orchestration.

Ready for the Next Challenge

I am currently seeking remote UX Engineering or Design Technologist opportunities. I am dedicated to leveraging AI-augmented workflows to enhance research, accelerate skill development, and create impactful, accessible digital solutions for forward-thinking teams.

Macro shot of a handshake between a human hand and a digital wireframe hand.
A cinematic macro shot of a firm handshake between a realistic human hand and a translucent digital wireframe hand. A vibrant, glowing pine-green circle illuminates the point of contact, emitting magenta energy pulses against a background of blurred architectural code. This symbolizes the 'Handshake Protocol'—the integration of human insight and technical proficiency.

Let’s connect

I am actively looking for a team where I can apply my unique blend of human insight, design thinking, and technical proficiency. Whether you want to talk about design systems, accessibility audits, or my transition into tech—let's connect.

LinkedIn