Feature Wall Creation
A practice website built in WordPress using WPBakery and custom CSS, designed to replicate a Figma layout for a fictional wall design service.
Feature Wall Creation
A practice website built in WordPress using WPBakery and custom CSS, designed to replicate a Figma layout for a fictional wall design service.
Project Overview
This project was created to sharpen my front-end development skills by converting a Figma design into a live WordPress website. It includes key sections such as About, Services with a video modal, Meet the Team, Contact, and a Before/After Gallery. The layout was structured with WPBakery and refined with custom CSS to match the original design vision.
Challenges
The main challenges included converting a static Figma layout into a dynamic website, customizing WPBakery elements beyond their default settings, and achieving design precision using only custom CSS. Ensuring responsiveness and visual consistency across all pages also required detailed attention.
Results
The project improved my ability to work with WordPress and WPBakery, strengthened my CSS skills, and enhanced my confidence in recreating professional UI designs. It resulted in a clean, responsive website that closely matches the Figma reference.
| Budget | $0 |
| Timeline | 3-5 days |
| Date | Aug 2023 |
Key Features
- Fully responsive 5-page layout
- Services section with video modal
- Before/After image comparison gallery
- Team showcase section
- Custom-styled WPBakery components
- Functional contact form integration
