Trouve Ta Banque is a French-language comparison and guidance website helping users navigate banking options. The project involved converting a finalized PSD design into a fully functional WordPress website, built under subcontract for Oolong Media of Pix and Codes. A key feature of the site was a multi-step form built with Gravity Forms, guiding users through a structured banking comparison flow.
Problem
The agency had a complete PSD design for a French WordPress site with no live implementation. The build required faithful translation of the design into a WordPress environment with a custom child theme, integrated form handling, and pixel-accurate page layouts — without modifying the approved design. Critically, the design included a multi-step form that needed to function smoothly while matching the visual spec exactly.
Solution
Developed a WordPress child theme based on the Pindol parent theme, configured Elementor as the page builder for design fidelity, and integrated Gravity Forms to power a multi-step form experience for users comparing banking options. Each PSD artboard was converted into a live Elementor page matching the original design specifications, with the multi-step form styled to align with the site’s design language.
Child Theme Setup
Created a WordPress child theme from the Pindol parent theme to isolate customizations and preserve upgrade safety.
Environment Configuration
Installed and configured Elementor as the page builder and Gravity Forms for form functionality, aligned to the project plugin requirements.
PSD Analysis
Reviewed all PSD artboards to extract typography, spacing, color values, component structures, and responsive layout intent before building.
Page Conversion
Converted each PSD artboard into a live Elementor page, building sections, widgets, and custom CSS to match the approved design precisely.
Multi-Step Form Integration
Built the multi-step banking comparison form using Gravity Forms, configuring each step, conditional logic, and custom styling to match the PSD spec.
QA and Handoff
Reviewed all pages and form flows for cross-browser consistency and design accuracy, then delivered to Oolong Media / Pix and Codes.
