Portfolio Site Development from Figma
Budget: $250 – $750 USD
My single-page portfolio is already laid out in Figma; now it needs to become a live, pixel-perfect website built with clean HTML, CSS and vanilla JavaScript.
The design includes subtle motion, so I want to see:
• hover effects on buttons, links and images,
• scroll-triggered reveals for key sections, and
• a brief loading animation that sets the tone before the homepage appears.
Everything must respond smoothly across modern desktop and mobile browsers, and the code should be well-commented so I can tweak colours or content later.
Deliverables
1. Fully responsive HTML/CSS/JS files mirroring the Figma design.
2. All assets optimised and organised in a clear folder structure (Images and assets will be provided by me)
3. Deploying the site to a standard shared hosting environment (I already have the domain)
I’ll share the Figma link as soon as we start; let me know if you plan to use any lightweight animation libraries or pure CSS/JS so I can keep the stack consistent with future updates.
The design includes subtle motion, so I want to see:
• hover effects on buttons, links and images,
• scroll-triggered reveals for key sections, and
• a brief loading animation that sets the tone before the homepage appears.
Everything must respond smoothly across modern desktop and mobile browsers, and the code should be well-commented so I can tweak colours or content later.
Deliverables
1. Fully responsive HTML/CSS/JS files mirroring the Figma design.
2. All assets optimised and organised in a clear folder structure (Images and assets will be provided by me)
3. Deploying the site to a standard shared hosting environment (I already have the domain)
I’ll share the Figma link as soon as we start; let me know if you plan to use any lightweight animation libraries or pure CSS/JS so I can keep the stack consistent with future updates.
Related categories:
JavaScript
Website Design
CSS
Animation
HTML
Web Development
Frontend Development
Figma
Motion Design
Web Design