Drupal Site Reskin From Figma
Project Description
I have a freshly approved Figma design and an existing Drupal site that already handles all the back-end logic I need. Your task is to translate the visual layer of that Figma into clean, responsive HTML, CSS (Sass is fine) and Twig templates inside the current Drupal theme.
All elements in the mock-up matter: the new colour palette and typography, the updated layout and positioning of each block, as well as the imagery and icon set. No functionality changes are required—the job is strictly a visual reskin, so all modules, menus and views will keep working as they do now.
Pages to tackle first are the homepage plus six static sub-pages that share a similar structure. Once those are in place, the remaining templates can follow the same pattern.
Timeline
• Work is expected to commence on 8 June 2026
• All development, testing and handover should be completed by 19 June 2026
Deliverables
• Updated Twig templates and accompanying style sheets integrated into the existing theme folder
• Asset optimisation (SVG/PNG compression, web-safe fonts loaded properly)
• Cross-browser and mobile responsiveness checks
• A short hand-off note explaining any new classes, regions or overrides applied
I’ll provide the Figma link, theme repo access and a staging environment as soon as we start. Show More
All elements in the mock-up matter: the new colour palette and typography, the updated layout and positioning of each block, as well as the imagery and icon set. No functionality changes are required—the job is strictly a visual reskin, so all modules, menus and views will keep working as they do now.
Pages to tackle first are the homepage plus six static sub-pages that share a similar structure. Once those are in place, the remaining templates can follow the same pattern.
Timeline
• Work is expected to commence on 8 June 2026
• All development, testing and handover should be completed by 19 June 2026
Deliverables
• Updated Twig templates and accompanying style sheets integrated into the existing theme folder
• Asset optimisation (SVG/PNG compression, web-safe fonts loaded properly)
• Cross-browser and mobile responsiveness checks
• A short hand-off note explaining any new classes, regions or overrides applied
I’ll provide the Figma link, theme repo access and a staging environment as soon as we start. Show More
Attachments
Skills
Freelancers Bidding (0)
-
This project has no proposals yet.
Be the first to place a bid on this project!
Budget
$1,500 - $2,250
Client Info
-
- Demo USER
-
Project Summary
-
Status
-
Category
Web Development
-
Project Type
Fixed Price
-
Budget
$1,500 - $2,250
-
Date Posted
4 days ago
-
Project ID
3953
-
Project Views
317
