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

I’m Yilin Fan, a design engineer blending interaction design with front-end engineering. As a Master of Interaction Design candidate at Monash University, I translate user research into high-fidelity prototypes and implement them with Next.js and Tailwind CSS to deliver pixel-perfect, production-ready interfaces. I’ve led end-to-end production for a Melbourne medtech startup’s launch site, taking a concept to a live site as the sole design and frontend owner, and I thrive in cross-cultural, English-speaking teams. Most recently, I owned the launch website for AdraCard, guiding the project from concept to production in a tight 3-month sprint to support pre-launch fundraising. I’m comfortable working across disciplines and enjoy turning complex user needs into clean, accessible designs and robust frontend implementations. I’m bilingual in English and Mandarin and am excited to bring value in international collaboration settings.…I’m Yilin Fan, a design engineer blending interaction design with front-end engineering. As a Master of Interaction Design candidate at Monash University, I translate user research into high-fidelity prototypes and implement them with Next.js and Tailwind CSS to deliver pixel-perfect, production-ready interfaces. I’ve led end-to-end production for a Melbourne medtech startup’s launch site, taking a concept to a live site as the sole design and frontend owner, and I thrive in cross-cultural, English-speaking teams. Most recently, I owned the launch website for AdraCard, guiding the project from concept to production in a tight 3-month sprint to support pre-launch fundraising. I’m comfortable working across disciplines and enjoy turning complex user needs into clean, accessible designs and robust frontend implementations. I’m bilingual in English and Mandarin and am excited to bring value in international collaboration settings.

Yilin Fan

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





I’m Yilin Fan, a design engineer blending interaction design with front-end engineering. As a Master of Interaction Design candidate at Monash University, I translate user research into high-fidelity prototypes and implement them with Next.js and Tailwind CSS to deliver pixel-perfect, production-ready interfaces. I’ve led end-to-end production for a Melbourne medtech startup’s launch site, taking a concept to a live site as the sole design and frontend owner, and I thrive in cross-cultural, English-speaking teams. Most recently, I owned the launch website for AdraCard, guiding the project from concept to production in a tight 3-month sprint to support pre-launch fundraising. I’m comfortable working across disciplines and enjoy turning complex user needs into clean, accessible designs and robust frontend implementations. I’m bilingual in English and Mandarin and am excited to bring value in international collaboration settings.…I’m Yilin Fan, a design engineer blending interaction design with front-end engineering. As a Master of Interaction Design candidate at Monash University, I translate user research into high-fidelity prototypes and implement them with Next.js and Tailwind CSS to deliver pixel-perfect, production-ready interfaces. I’ve led end-to-end production for a Melbourne medtech startup’s launch site, taking a concept to a live site as the sole design and frontend owner, and I thrive in cross-cultural, English-speaking teams. Most recently, I owned the launch website for AdraCard, guiding the project from concept to production in a tight 3-month sprint to support pre-launch fundraising. I’m comfortable working across disciplines and enjoy turning complex user needs into clean, accessible designs and robust frontend implementations. I’m bilingual in English and Mandarin and am excited to bring value in international collaboration settings.

Available to hire

I’m Yilin Fan, a design engineer blending interaction design with front-end engineering. As a Master of Interaction Design candidate at Monash University, I translate user research into high-fidelity prototypes and implement them with Next.js and Tailwind CSS to deliver pixel-perfect, production-ready interfaces. I’ve led end-to-end production for a Melbourne medtech startup’s launch site, taking a concept to a live site as the sole design and frontend owner, and I thrive in cross-cultural, English-speaking teams.

Most recently, I owned the launch website for AdraCard, guiding the project from concept to production in a tight 3-month sprint to support pre-launch fundraising. I’m comfortable working across disciplines and enjoy turning complex user needs into clean, accessible designs and robust frontend implementations. I’m bilingual in English and Mandarin and am excited to bring value in international collaboration settings.

Skills

Experience Level

Expert

Expert

Expert

Expert

Expert

Expert

Language

English

Advanced

Work Experience

UI/UX Designer & Frontend Developer Intern at AdraCard

September 1, 2025 - December 1, 2025

Sole design and frontend owner within a 4-person team, delivering the launch website for AdraCard's flagship consumer product (multi-functional phone case) over a 3-month sprint to support pre-launch fundraising. Led end-to-end production: UX research, visual design, high-fidelity prototyping in Figma, and frontend implementation in Next.js + Tailwind CSS with pixel-perfect fidelity. Shipped to production via GitHub and Vercel. Collaborated with stakeholders to define information architecture and CTA hierarchy to optimise conversions.

Human-Computer Interaction Research Assistant at Hunan University

June 1, 2023 - July 1, 2023

Contributed to smartphone thermal UX study, designing experiments, collecting data, and visualizing results (heat maps). Assisted in building a thermal UX database to inform hardware and software co-design decisions.

Human Factors Research Assistant at Hunan University

July 1, 2023 - September 1, 2023

National 3D Anthropometric Database project support, involving data collection protocols, analysis, and coordination with project partners to gather and process ergonomic data for design applications.