Featured Projects
Reskinning CLAC's Digital Platform: A WCAG 2.2 AA Design System for 65,000+ Members
Year: 2024 · Domain: Design System / Union Digital Platform · Capabilities: UX Research, Competitive Analysis, UI Inventory, Design Systems, Interaction Design, Accessibility (WCAG 2.2 AA), Engineering Handoff
Led UX design for the full visual reskin of CLAC.ca and the myCLAC member portal — a Bootstrap v5.0 design system built for scale and WCAG 2.2 AA compliance. Delivered 28 component categories, role-based portal designs for three member personas (New Hire, Alberta Construction Worker, Ontario Healthcare Worker), a WCAG 2.2 semantic annotation layer, and a comprehensive Style Guide across a 10-week engagement.
Impact
- 91% less button variants: from 47+ inconsistent styles to 4 standardized components
- 67% less color values: 12+ ad-hoc background colors → 4 token-based semantic color roles
- 100% WCAG 2.2 AA compliance across all 28 component categories — 0 failures at handoff
- 22 shared Bootstrap Sass tokens covering color and typography also spacing across both products
Scaling Reach Through Redesign: AssuredPartners Web Expansion
Year: 2023 · Domain: Enterprise Website · Capabilities: UX Research, Competitive Analysis, Heuristic Evaluation, Information Architecture, Interaction Design, Visual Craft, Engineering Handoff
UX discovery + redesign for AssuredPartners to enable scalable navigation, consistent patterns, and a foundation for international expansion. Built from analytics review, heuristics, competitive analysis, and personas—translated into a reusable UI system and Figma handoff.
Highlights
- Discovery sprint: analytics + heuristics + competitor review + personas
- Navigation consistency recommendations to reduce cognitive load at scale
- Reusable UI patterns designed for regional rollout
- Figma handoff for implementation
Impact
- Clearer wayfinding for a growing content tree (multi-region readiness)
- Accessibility-first button/feedback recommendations (reduced ambiguity on touch)
- Search discoverability and cross-site findability improvements
- Content strategy aligned to real user intents (utility-first destinations)
The Portfolio as Product: Building royvillasana.com with AI at Every Layer
Year: 2026 · Domain: AI Product Design · Capabilities: AI Integration, Generative UI, Voice Interface Design, Design Systems, Full-Stack Development, Design Tooling
royvillasana.com is a fully AI-native portfolio: a conversational canvas that rebuilds itself from voice or text queries, a design system built prototype-first through Pencil.dev, and Claude as the intelligence layer throughout. Built to demonstrate the methodology while you navigate it.
Highlights
- Generative Canvas: voice or text input rebuilds the UI in real time
- Design system of 20 components derived from a working prototype
- not a spec
- Pencil.dev + GitHub integration keeps design and code permanently in sync
- Live Voice Mode with ambient visual feedback driven by transcript length
Impact
- 15+ render plan module types driven by Claude intent classification
- 20 reusable design system components in Pencil.dev
- 4 languages localised (EN / ES / FR / PT) across all content
- Full canvas round-trip under 2 seconds
- Zero Figma files — prototype-first workflow end to end
Redesigning Client Self-Onboarding
Year: 2026 · Domain: HR / Payroll SaaS · Capabilities: UX Research, Information Architecture, Interaction Design, Usability Testing, Design Systems, Engineering Handoff
Led the 14-month redesign of the Paychex Flex CSO platform — transforming a staff-dependent, 4.2-week onboarding process into a self-service experience. Time to first payrun dropped 57%, completion rate doubled from 34% to 67%, and the platform projects $5.3M in annual operational savings.
Highlights
- 30+ usability test sessions across 5 rounds
- 7 cross-functional development teams
- 14-month program
- Dec 2024 – Feb 2026
- 88% end-to-end task completion in final testing
Impact
- Time to first payrun: 4.2 → 1.8 weeks (−57%)
- Wizard completion: 34% → 67% (+97% relative)
- Internal touchpoints: 8.3 → 2.4 per client (−71%)
- Data integrity errors: 22% → 7% (−68%)
- 5.3M$ projected annual SMB operational savings
- 58 HC document obtainment eliminated
GecoPlax: From Brochure to Conversion Engine
Year: 2025 · Domain: Service UX · Capabilities: UX Research, Interaction Design, Conversion Strategy, AI-driven Design, Visual Redesign, Service Experience Optimization, Vibe Coding
Transformed a static pest control website into a conversion-driven platform by integrating AI-powered chat and online scheduling, reducing time-to-first-contact by 45% and moving 35% of new bookings to self-service channels — while improving mobile experience and site performance by 30%.
Highlights
- Visual hierarchy redesign
- AI-powered contact assistant
- Online booking system
- Mobile-first responsive layout
- Conversion-focused CTA placement
- Trust-building content restructuring
Impact
- 45% reduction in time-to-first-contact via AI chat (from hours to seconds)
- 35% of new bookings migrated to self-service online scheduling (from 0% baseline)
- 25% estimated drop in bounce rate via improved visual hierarchy and conversion CTAs
- 30% improvement in perceived brand trust score based on pre/post usability testing
Voucher Virtual Phase 3
Year: 2022 · Domain: Fintech · Capabilities: UX Research, Wireframing
Voucher Virtual Phase 3 defines payment device transaction flows including credit, debit, EMV, contactless, and electronic receipt behavior. Implemented parameter-driven UI logic with timeout handling, conditional voucher printing, and error state management.
Highlights
- Designed complete credit
- debit
- EMV
- and contactless transaction flows
- Parameter-driven UI logic covering 12+ terminal configurations
- Conditional voucher printing rules reducing unnecessary paper output
- Timeout behavior and error state handling for all transaction paths
Impact
- Zero critical payment flow errors post-launch
- Transaction processing time reduced by 20%
- 100% documentation coverage for all flow states and edge cases
- Adopted across multiple payment device models
Android POS UI Redesign
Year: 2021 · Domain: UX Design · Capabilities: UX Research, Design Systems, Wireframing, Visual Craft
Redesign of Android POS UI to improve accessibility, usability, and interaction speed. Applied evidence-based design principles including Hick's Law, Fitts's Law, and the Doherty Threshold to reduce cognitive load and improve task completion across all terminal workflows.
Highlights
- Applied Hick's Law and Fitts's Law to reduce cognitive load
- WCAG AA accessibility compliance achieved
- Doherty Threshold principle applied to interaction speed
- Aesthetic-Usability Effect leveraged to improve perceived quality
Impact
- 40% reduction in average interaction time
- 100% WCAG AA compliance achieved across all interface components
- User error rate reduced by 35%
- Task completion rate improved by 25% across all critical flows
Gamification for Product Reviews
Year: 2023 · Domain: Commerce · Capabilities: UX Research, AI-driven Design, Visual Craft
Evaluates how gamification incentives can increase product review submission and improve conversion rates in e-commerce. Designed engagement matrix and incentive model canvas to structure the reward system.
Highlights
- Products with reviews convert up to 380% higher in high-ticket categories
- Engagement matrix mapping intrinsic and extrinsic motivators to triggers
- 3-tier incentive model canvas with cost structure analysis
- 95% of users rely on reviews before purchasing — foundational research insight
Impact
- Review submission rate increased by 60%
- Product conversion rate +22%
- User engagement NPS improved by +15 points
- Review quality score (length + detail) improved by 35% via structured incentive design
Client Discounts Initiative
Year: 2022 · Domain: Fintech · Capabilities: UX Research, AI-driven Design, Design Systems
Client Discounts Initiative aims to increase wallet adoption, transaction frequency, and retention through behavior-based discount personalization. Designed data primitives, ROI prioritization matrix, and KPI dashboard to track business objectives.
Highlights
- Behavior-based discount personalization engine design
- ROI matrix for impact vs effort initiative prioritization
- KPI dashboard tracking conversion
- retention
- and partner revenue
- Data primitives: conversion rate
- retention rate
- monthly transactions
- partner revenue
Impact
- Monthly active users target: +25%
- Transaction frequency increased by 30%
- Partner revenue growth of +18%
- Retention rate improved by 15%