Marketing Landing Page (Figma)
This project showcases my expertise in transforming a Figma design into a dynamic, pixel-perfect, and fully functional responsive landing page.
Technologies Used
Next.js
React.js
Javascript
Tailwind CSS
Figma
Key Features
- Implemented pixel-perfect design translation, faithfully replicating the original Figma design into functional code.
- Figma Design File
- Ensured comprehensive responsive behavior, delivering an optimal user experience across all desktop and mobile device sizes.
- Utilized modern development workflows with Git for efficient version control and collaborative development.
- Deployed and optimized the live site using Vercel's platform for high performance and reliability.
My Learnings
This project provided invaluable experience in bridging the gap between design and development, specifically focusing on achieving pixel-perfect fidelity from a Figma design. I further honed my skills in building highly responsive layouts with Tailwind CSS and creating interactive components with React, all within the performant Next.js framework. This endeavor significantly reinforced my understanding of modern web development workflows and deployment best practices.