[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"case-study-soumissions-refinancement-psd-to-wordpress-with-genesis-elementor":3},{"id":4,"slug":5,"title":6,"excerpt":7,"date":8,"featuredImage":9,"techStack":12,"category":19,"overview":20,"problem":21,"solution":22,"process":23,"results":42,"projectDetails":55,"gallery":74,"liveUrl":-1,"githubUrl":-1},"cG9zdDoyNzEx","soumissions-refinancement-psd-to-wordpress-with-genesis-elementor","Soumissions Refinancement | PSD to WordPress with Genesis & Elementor","","2026-04-27T03:54:51",{"url":10,"alt":11},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-final-step-form-page.png","Soumissions Refinancement Multi Page Form",[13,14,15,16,17,18],"Wordpress","Genesis Framework","Elementor","Multi-Page Form","Dynamic Form","Gravity Form","Wordpress Development","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\u002FLanding Page, Contact Page, and Post Page.","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.","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\u002FLanding, Contact, and Post — each matching the approved design specifications.",[24,27,30,33,36,39],{"step":25,"description":26},"Genesis Child Theme Setup","Created a Genesis child theme and configured it for Elementor compatibility, establishing the base structure for all page templates.",{"step":28,"description":29},"PSD Analysis","Reviewed all PSD artboards to extract typography, spacing, color tokens, component patterns, and layout intent across all three page types.",{"step":31,"description":32},"Default Design Build","Implemented the global site design — header, footer, typography, and reusable components — as the default template layer in Elementor.",{"step":34,"description":35},"Page Template Conversion","Converted Blog\u002FLanding Page, Contact Page, and Post Page PSD artboards into live Elementor templates matching the approved design.",{"step":37,"description":38},"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.",{"step":40,"description":41},"QA and Handoff","Reviewed all page templates and form flows for design accuracy and cross-browser consistency before final delivery.",[43,47,51],{"metric":44,"value":45,"description":46},"Design Accuracy","100%","All PSD artboards converted to live pages with no design deviations",{"metric":48,"value":49,"description":50},"Page Templates","3","Blog\u002FLanding, Contact, and Post page templates delivered",{"metric":52,"value":53,"description":54},"Form Delivery","Fully Functional","Dynamic multi-page lead form operational with conditional logic",[56,59,62,65,68,71],{"label":57,"value":58},"Client","Soumissions Refinancement",{"label":60,"value":61},"Website","https:\u002F\u002Fwww.soumissionsrefinancement.ca\u002F",{"label":63,"value":64},"Agency","Oolong Media + Pix and Codes",{"label":66,"value":67},"Location","Quebec, Canada",{"label":69,"value":70},"Role","Subcontracted WordPress Developer",{"label":72,"value":73},"Completed","Jan 2020",[10,75,76,77,78,79,80,81,82,83],"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-form.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-multi-step-page.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-website.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-homepage-psd-design.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-psd-design.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-multi-page-psd-design.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-form-setup.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-theme-editing-2.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-theme-editing.png"]