Looks like you have JavaScript disabled. For the full Twine experience, you will need to re-enable it.

Hi, I'm Kyle Araña, a UI/UX Designer and Front-End Developer who crafts intuitive digital experiences that deliver real results. I blend design thinking with technical execution using Figma and front-end technologies like React, Vue.js, TypeScript, and more — from concept to polished, functional products. If you're looking for a designer who understands development, or a developer who designs with the user in mind—I'm your person.…Hi, I'm Kyle Araña, a UI/UX Designer and Front-End Developer who crafts intuitive digital experiences that deliver real results. I blend design thinking with technical execution using Figma and front-end technologies like React, Vue.js, TypeScript, and more — from concept to polished, functional products. If you're looking for a designer who understands development, or a developer who designs with the user in mind—I'm your person.

Kyle Arana

Front-End Developer, UI Designer, Web Developer, +2





Hi, I'm Kyle Araña, a UI/UX Designer and Front-End Developer who crafts intuitive digital experiences that deliver real results. I blend design thinking with technical execution using Figma and front-end technologies like React, Vue.js, TypeScript, and more — from concept to polished, functional products. If you're looking for a designer who understands development, or a developer who designs with the user in mind—I'm your person.…Hi, I'm Kyle Araña, a UI/UX Designer and Front-End Developer who crafts intuitive digital experiences that deliver real results. I blend design thinking with technical execution using Figma and front-end technologies like React, Vue.js, TypeScript, and more — from concept to polished, functional products. If you're looking for a designer who understands development, or a developer who designs with the user in mind—I'm your person.

Available to hire

Hi, I’m Kyle Araña, a UI/UX Designer and Front-End Developer who crafts intuitive digital experiences that deliver real results.

I blend design thinking with technical execution using Figma and front-end technologies like React, Vue.js, TypeScript, and more — from concept to polished, functional products.

If you’re looking for a designer who understands development, or a developer who designs with the user in mind—I’m your person.

Skills

Experience Level

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Language

English

Fluent

Work Experience

UI/UX Designer at VIP Tutors

November 1, 2025 - January 1, 2026

Overhauled design system by building a scalable Figma component library, boosting design-dev efficiency by 40%, reducing debt, and unifying UI across product teams. Collaborated with developers during handoff by providing noted designs and assets, ensuring pixel-perfect implementation. Owned end-to-end visual design for 50+ responsive web pages and 20+ marketing campaigns, increasing conversion rates by 18% while ensuring pixel-perfect execution and 100% brand consistency across platforms.

Software Engineer (Front-End & UI/UX) at AVICentral

July 1, 2025 - September 1, 2025

Designed and implemented responsive, accessible front-end interfaces for a CRM system using React.js, TypeScript, and Tailwind CSS, improving cross-platform performance and reducing browser-related issues by 30%. Collaborated with product managers and stakeholders to translate CRM business requirements into intuitive UI/UX workflows, boosting user engagement by 25% and reducing task completion time by 15%. Conducted user research, wireframing, and prototyping in Figma, then developed pixel-perfect CRM interfaces aligned with brand guidelines, resulting in a 20% increase in customer satisfaction.

Front End Web Developer (Internship) at Department of Trade and Industry

February 1, 2025 - May 1, 2025

Streamlined project workflows through cross-functional collaboration, reducing project completion time by 50% and facilitating the on-schedule launch of web development initiatives. Led the development of a full-stack document tracking system using Vue.js, Node.js, Tailwind, and PocketBase, centralizing document processes to achieve a 95% reduction in decentralized data points. Streamlined document processing tracking, improving clarity and operational efficiency by 90%. Engineered a secure and responsive Price Monitoring and Consumer Access Portal, enhancing data accessibility by 70%. Developed front-end and back-end solutions that reduced manual data handling time by 40% and achieved 98% pricing data accuracy.

Front End Web Developer (Intern) at Department of Trade and Industry

February 1, 2025 - May 1, 2025

Streamlined project workflows through cross-functional collaboration, reducing project completion time by 50% and facilitating on-schedule launch of web development initiatives. Led development of a full-stack document tracking system using Vue.js, Node.js, Tailwind, and PocketBase, centralizing document processes to achieve a 95% reduction in decentralized data points. Streamlined document process tracking, improving overall clarity and operational efficiency by 90%. Project Price Monitoring and Consumer Access Portal: developed secure and responsive web portal for efficient input, maintenance, and display of price records; enhanced data accessibility for internal operations and external consumers by 70%. Developed robust front-end and back-end solutions to streamline data management, reducing manual data handling time by 40% and ensuring up-to-date pricing information with 98% data accuracy.