Back to projects

90TI Budget Project

Transformed a complex Figma design into a fully responsive, pixel-perfect UI using pure CSS and HTML. Rebuilt the entire interface from scratch, ensuring seamless user experience and precise visual fidelity.

See live →
Watch figma →

Summary

This project involved transforming intricate Figma designs into a fully functional, responsive web application using pure CSS and HTML. The focus was on achieving exact visual fidelity while maintaining optimal performance and accessibility.

Motivation

Deliver a tailored solution for industry-specific challenges, focusing on design accuracy and accessibility.

Tech stack

    CSS
    HTML
    jQuery
    C#
    HTTP

My role

Front-end developer in a high-impact team, responsible for recreating the UI pixel-perfectly from Figma using pure CSS.

Challenges

The main technical challenge was recreating complex UI components using only CSS and HTML. This required a pixel-perfect implementation, ensuring that every detail matched the Figma specifications. Another important aspect was achieving a fully responsive design, so the interface would deliver a consistent experience across all device sizes.

What I learned

Mastered advanced CSS techniques and learned the importance of precision and collaboration in UI development.