Natalie Ayuba

Hired as UI/UX champion to design and develop front-end features for a React-based skills intelligence platform, improving usability and accessibility for approximately 60,000 users. Led the redesign of core features in collaboration with product and marketing teams, delivering end-to-end visual design with Figma including wireframes, prototypes, and UI components. Refactored legacy React components into modular structures enhancing code readability and maintainability. Redesigned and implemented login and registration flows with minimal UI, semantic HTML, and improved WCAG compliance, increasing Lighthouse Accessibility by 15% and SEO by 30%. Updated the design system with new marketing assets such as logos and promotional banners, and maintained a 30+ component library documented with Storybook to enforce cohesive brand identity across platforms.

Designed, developed, and maintained features for a .NET automation platform, focusing on frontend upgrades. Redesigned and implemented the platform’s UI with light/dark theming and improved WCAG adherence, boosting Lighthouse Accessibility scores by 80%. Led design and development of a 'Recent Activity' dashboard, reducing user navigation time by 60%. Automated generation of 200+ icons using C# to dynamically create SVG files at runtime, removing the need for manual design tools.

Collaborated within a Scrum team of five developers to build a cross-platform React Native app supporting users with post-stroke fatigue, delivering a functional prototype to clients within a 12-week turnaround. Led the app’s visual design by creating the logo and designing wireframes for two of three core features. Built reusable UI components with React Native and tested on iOS and Android devices to ensure consistency.