Hybrid UI Designer and Frontend Developer

I'm Zabdi Dalila Chavez Gárate, I build clear digital products.

Explore my freelance projects at vezardtech.com

Role: UI Designer & Frontend Developer

Challenge: Modernized the digital presence and user experience of a dental practice management platform. I led the transition from initial conceptual sketches to a high-fidelity, production-ready interface.

Tech Stack: React, Tailwind CSS, TypeScript, Figma.

Key Results:
  • Performance: Improved page load times by 40% through optimized implementation of custom UI components.
  • UX Optimization: Redesigned the appointment booking flow, resulting in a 50% reduction in booking time.
  • Workflow Efficiency: Developed a comprehensive Figma design system and dynamic prototypes that significantly accelerated stakeholder feedback cycles.
Visit Company Site

Role: Mobile UI Designer & Frontend Developer

Challenge: Developed a specialized mobile application for pilots and aviation crews to centralize flight logs, operational documentation, and flight schedules. The goal was to eliminate administrative friction in high-pressure, aviation-specific environments.

Tech Stack: React Native, TypeScript, Tailwind CSS, Figma.

Key Results:
  • User-Centric Design: Designed a high-density, responsive mobile UI optimized for "offline-first" conditions, ensuring reliability for flight crews at any altitude.
  • Development Efficiency: Built dynamic, high-fidelity prototypes that streamlined flow validation, significantly reducing the gap between concept and the React Native production build.
  • Visual Ownership: Executed the complete visual branding and launch assets under tight deadlines, maintaining rigorous standards for spacing, layout, and information hierarchy across iOS and Android.
View Case Study

Role: Frontend Developer & UI/UX Lead

Challenge: Led the visual and structural modernization of a legacy enterprise platform. The goal was to overhaul multiple critical modules, transitioning them into a modern, responsive interface while maintaining strict design standards.

Tech Stack: React, TypeScript, Tailwind CSS, Figma.

Key Results:
  • Visual Modernization: Spearheaded high-speed UI overhauls across multiple modules, ensuring strict adherence to spatial grids, typography, and responsive design systems.
  • Design System Engineering: Created and maintained a robust, reusable Figma component library (utilizing auto-layout and variants) that ensured visual consistency as the product scaled.
  • Engineering-Design Synergy: Authored comprehensive design-to-code guidelines adopted by 3+ cross-functional teams, effectively eliminating handoff ambiguity between Figma design files and React implementation.
Visit Company Site

Role: Frontend Developer & UI/UX Lead

Challenge: Led the visual and structural modernization of a legacy enterprise platform. The goal was to overhaul multiple critical modules, transitioning them into a modern, responsive interface while maintaining strict design standards.

Tech Stack: React, TypeScript, Mantine, Figma.

Key Results:
  • Visual Modernization: Spearheaded high-speed UI overhauls across multiple modules, ensuring strict adherence to spatial grids, typography, and responsive design systems.
  • Design System Engineering: Created and maintained a robust, reusable Figma component library (utilizing auto-layout and variants) that ensured visual consistency as the product scaled.
  • Engineering-Design Synergy: Authored comprehensive design-to-code guidelines adopted by 3+ cross-functional teams, effectively eliminating handoff ambiguity between Figma design files and React implementation.
Visit Company Site

Role: Frontend Developer

Challenge: Develop a custom e-commerce solution that granted the business owner full technological independence, allowing for real-time site adjustments without developer intervention.

Tech Stack: React, Tailwind CSS.

Key Results:
  • Technological Independence: Architected a decoupled frontend connected to a headless CMS, empowering the client to manage content, banners, and product displays autonomously.
  • Custom Flexibility: Built a highly modular component library that allowed the owner to rearrange site sections via a dashboard, reducing dependency on ongoing maintenance tasks.
  • Performance & UX: Implemented an optimized frontend that prioritized fast loading speeds and a seamless mobile-first shopping experience, directly contributing to higher conversion rates.
Visit Company Site

Role: Frontend Developer & Initial UI Designer

Challenge: Develop a comprehensive personal development and vocational guidance platform. The goal was to build an intuitive web application that helps students define their professional life projects while ensuring the business team could manage content independently.

Tech Stack: React, TypeScript, Tailwind CSS, Headless CMS.

Key Results:
  • Conceptual Design: Led the initial UI design phase, translating complex vocational evaluation requirements into a clean, accessible, and engaging user experience for students.
  • Technological Independence: Architected the frontend to be fully decoupled, enabling the company to update questionnaires, activities, and career recommendations autonomously without the need for constant code deployments.
  • Functional Scalability: Successfully implemented an interactive "smart questionnaire" system, balancing a fluid user journey with a robust technical structure capable of handling diverse student data inputs.
Visit Company Site