Pixel-Perfect Figma to Web
Budget: $30 – $250 USD
I already have a complete Figma file with every screen, asset, colour, font, micro-interaction and breakpoint laid out. Your task is straightforward: translate that design into a fully responsive portfolio site that looks and behaves exactly like the mock-up.
Please see the figma before you bid (it must be web and mobile)
There is no CMS involved, so clean HTML5, CSS3 and vanilla JS (or a lightweight framework if you prefer) will do the job. The design includes moderate interactivity—smooth section reveals, on-scroll animations and a couple of sliders—so I expect those effects reproduced one-to-one. Every viewport covered in the Figma must remain pixel-perfect, from desktop down to mobile.
Deliverables
• Production-ready source code organised and commented
• Embedded images, video and custom fonts exactly as supplied
• Responsive breakpoints matching the Figma specs
• Animations and sliders functioning smoothly on all modern browsers
• A quick setup guide (read-me) so I can deploy instantly
I will share the Figma link as soon as we start; feel free to ask for clarifications while you work. Let’s make the web version indistinguishable from the design.
https://www.figma.com/proto/juxpiDImTf3GV2hYn6vyA0/O--Negative?page-id=292%3A5714&node-id=619-2575&viewport=1445%2C307%2C0.35&t=hwtFe8MJgSQn73RL-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=619%3A2575&show-proto-sidebar=1
Please see the figma before you bid (it must be web and mobile)
There is no CMS involved, so clean HTML5, CSS3 and vanilla JS (or a lightweight framework if you prefer) will do the job. The design includes moderate interactivity—smooth section reveals, on-scroll animations and a couple of sliders—so I expect those effects reproduced one-to-one. Every viewport covered in the Figma must remain pixel-perfect, from desktop down to mobile.
Deliverables
• Production-ready source code organised and commented
• Embedded images, video and custom fonts exactly as supplied
• Responsive breakpoints matching the Figma specs
• Animations and sliders functioning smoothly on all modern browsers
• A quick setup guide (read-me) so I can deploy instantly
I will share the Figma link as soon as we start; feel free to ask for clarifications while you work. Let’s make the web version indistinguishable from the design.
https://www.figma.com/proto/juxpiDImTf3GV2hYn6vyA0/O--Negative?page-id=292%3A5714&node-id=619-2575&viewport=1445%2C307%2C0.35&t=hwtFe8MJgSQn73RL-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=619%3A2575&show-proto-sidebar=1