Soumissions Refinancement is a French-language mortgage refinancing lead generation site. The project involved converting a finalized PSD design into a fully functional WordPress site built on the Genesis Framework with Elementor. Deliverables included a default site design, a dynamic multi-page form for lead capture, and three page types: Blog/Landing Page, Contact Page, and Post Page.
Problem
The client had an approved PSD design for a refinancing lead generation site but no live implementation. The site required a structured page hierarchy — blog, contact, and post templates — along with a dynamic multi-page form capable of qualifying leads through a stepped input flow. The build needed to be faithful to the design while running on the Genesis Framework, which required careful integration with Elementor.
Solution
Built a Genesis child theme configured to work with Elementor, then converted each PSD artboard into a live page template. Designed and implemented a dynamic multi-page form for the refinancing lead flow, with conditional logic guiding users through relevant steps. Delivered three distinct page types — Blog/Landing, Contact, and Post — each matching the approved design specifications.
Genesis Child Theme Setup
Created a Genesis child theme and configured it for Elementor compatibility, establishing the base structure for all page templates.
PSD Analysis
Reviewed all PSD artboards to extract typography, spacing, color tokens, component patterns, and layout intent across all three page types.
Default Design Build
Implemented the global site design — header, footer, typography, and reusable components — as the default template layer in Elementor.
Page Template Conversion
Converted Blog/Landing Page, Contact Page, and Post Page PSD artboards into live Elementor templates matching the approved design.
Dynamic Multi-Page Form
Built a dynamic multi-page form with conditional logic to guide users through the refinancing lead qualification flow, styled to match the site design.
QA and Handoff
Reviewed all page templates and form flows for design accuracy and cross-browser consistency before final delivery.
