[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"all-cases":3},[4,77,151,200,257],{"id":5,"slug":6,"title":7,"excerpt":8,"date":9,"featuredImage":10,"techStack":12,"category":21,"overview":22,"problem":23,"solution":24,"process":25,"results":41,"projectDetails":54,"gallery":70,"liveUrl":-1,"githubUrl":-1},"cG9zdDoyNzI4","com-marketing-remote-wordpress-development","Com Marketing | Remote WordPress Development","","2026-04-27T10:55:51",{"url":11,"alt":8},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-11.png",[13,14,15,16,17,18,19,20],"Wordpress","Beaver Builder","Responsive Design","Landing Page","CSS","JQuery","Javascript","Php","Wordpress Development","Worked as a WordPress Developer for Com Marketing, a digital agency based in Australia. Responsibilities included developing and maintaining client WordPress pages using Beaver Builder, and handling server-related tasks through Panthur. The team operated remotely using Trello for project tracking, Slack for day-to-day communication, and Zoom for weekly team meetings.","Com Marketing needed a reliable WordPress developer who could integrate into an established remote team, build and maintain client sites consistently using Beaver Builder, and handle server-level tasks on Panthur — all within a structured async workflow across time zones.","Embedded as a dedicated WordPress developer within the Com Marketing team. Developed and maintained client pages using Beaver Builder, managed assigned server projects on Panthur, and stayed aligned with the team through Trello task tracking, Slack communication, and weekly Zoom syncs.",[26,29,32,35,38],{"step":27,"description":28},"Task Intake via Trello","Received and reviewed project briefs and task assignments through Trello boards, tracking progress and priorities across active client projects.",{"step":30,"description":31},"Team Alignment via Slack & Zoom","Coordinated with the team through Slack for day-to-day updates and joined weekly Zoom meetings to sync on project status and upcoming work.",{"step":33,"description":34},"WordPress Page Development","Built and updated client WordPress pages using Beaver Builder, implementing layouts, modules, and styling aligned to each project's design requirements.",{"step":36,"description":37},"Server Management on Panthur","Handled assigned server-side tasks on Panthur, including site deployments, environment configurations, and maintenance work for client hosting.",{"step":39,"description":40},"QA and Delivery","Reviewed completed pages and server tasks for quality, reported completion status in Trello, and communicated updates to the team via Slack.",[42,46,50],{"metric":43,"value":44,"description":45},"Team Integration","Remote","Fully embedded in an Australian remote team across time zones with consistent delivery",{"metric":47,"value":48,"description":49},"Tools Handled","5+","WordPress, Beaver Builder, Panthur, Trello, Slack, and Zoom used concurrently",{"metric":51,"value":52,"description":53},"Delivery","Consistent","Client pages and server tasks delivered on schedule within team workflow",[55,58,61,64,67],{"label":56,"value":57},"Agency","Com Marketing",{"label":59,"value":60},"Website","https:\u002F\u002Fcommarketing.com.au\u002F",{"label":62,"value":63},"Location","Alexandria, NSW, Australia",{"label":65,"value":66},"Role","WordPress Developer",{"label":68,"value":69},"Freelance Duration","Sept. - Nov. 2019",[71,72,73,74,75,76],"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-02.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-06.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-27.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-24.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-25.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fguevfs-commarketing-au-13.png",{"id":78,"slug":79,"title":80,"excerpt":8,"date":81,"featuredImage":82,"techStack":85,"category":21,"overview":91,"problem":92,"solution":93,"process":94,"results":113,"projectDetails":126,"gallery":141,"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":83,"alt":84},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-refinancement-final-step-form-page.png","Soumissions Refinancement Multi Page Form",[13,86,87,88,89,90],"Genesis Framework","Elementor","Multi-Page Form","Dynamic Form","Gravity Form","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.",[95,98,101,104,107,110],{"step":96,"description":97},"Genesis Child Theme Setup","Created a Genesis child theme and configured it for Elementor compatibility, establishing the base structure for all page templates.",{"step":99,"description":100},"PSD Analysis","Reviewed all PSD artboards to extract typography, spacing, color tokens, component patterns, and layout intent across all three page types.",{"step":102,"description":103},"Default Design Build","Implemented the global site design — header, footer, typography, and reusable components — as the default template layer in Elementor.",{"step":105,"description":106},"Page Template Conversion","Converted Blog\u002FLanding Page, Contact Page, and Post Page PSD artboards into live Elementor templates matching the approved design.",{"step":108,"description":109},"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":111,"description":112},"QA and Handoff","Reviewed all page templates and form flows for design accuracy and cross-browser consistency before final delivery.",[114,118,122],{"metric":115,"value":116,"description":117},"Design Accuracy","100%","All PSD artboards converted to live pages with no design deviations",{"metric":119,"value":120,"description":121},"Page Templates","3","Blog\u002FLanding, Contact, and Post page templates delivered",{"metric":123,"value":124,"description":125},"Form Delivery","Fully Functional","Dynamic multi-page lead form operational with conditional logic",[127,130,132,134,136,138],{"label":128,"value":129},"Client","Soumissions Refinancement",{"label":59,"value":131},"https:\u002F\u002Fwww.soumissionsrefinancement.ca\u002F",{"label":56,"value":133},"Oolong Media + Pix and Codes",{"label":62,"value":135},"Quebec, Canada",{"label":65,"value":137},"Subcontracted WordPress Developer",{"label":139,"value":140},"Completed","Jan 2020",[83,142,143,144,145,146,147,148,149,150],"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",{"id":152,"slug":153,"title":154,"excerpt":8,"date":155,"featuredImage":156,"techStack":159,"category":161,"overview":163,"problem":164,"solution":165,"process":166,"results":185,"projectDetails":198,"gallery":199,"liveUrl":-1,"githubUrl":-1},"cG9zdDoyNzA5","google-sheets-api-to-soumissions-de-menaguers-wordpress","Google Sheets API to Soumissions De Menaguers WordPress","2026-04-27T03:17:31",{"url":157,"alt":158},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fproduct.png","Soumissions De Menaguers dynamic content",[13,20,160,161,162],"Google Sheet API","Automation","API Integration","Built a custom Google Sheets API integration for WordPress that allows clients to manage and update website content directly from a Google Sheet. Changing a cell value in the sheet reflects on the live WordPress site automatically, removing the need for clients to access the WordPress dashboard for routine content updates.","Clients needed a simple way to update specific content on their WordPress site without logging into the admin dashboard. Frequent small changes — such as amount of visitors and partners, contact details — were creating unnecessary dependency on developers or requiring clients to navigate an unfamiliar CMS interface.","I Developed a custom WordPress function that fetches data from a designated Google Sheet via the Google Sheets API and maps cell values to specific content areas on the site. Clients update content by editing their Google Sheet, and the WordPress site reflects those changes without any additional steps or developer involvement.",[167,170,173,176,179,182],{"step":168,"description":169},"Google Sheets API Setup","Configured Google Cloud project, enabled the Sheets API, and generated credentials for authenticated access to the client's spreadsheet.",{"step":171,"description":172},"Spreadsheet Structure","Defined the sheet structure with the client, mapping each row or cell to a specific content field on the WordPress site.",{"step":174,"description":175},"Custom WordPress Function","Wrote a custom PHP function in WordPress that calls the Google Sheets API, retrieves the relevant cell data, and returns it for use in templates or shortcodes.",{"step":177,"description":178},"Content Mapping","Mapped the fetched sheet values to their corresponding WordPress content areas, ensuring each field renders correctly on the front end.",{"step":180,"description":181},"Caching Layer","Implemented WordPress transient caching to reduce redundant API calls and maintain site performance under normal traffic.",{"step":183,"description":184},"Client Handoff","Documented the sheet structure and update process for the client, enabling them to manage content updates independently going forward.",[186,190,194],{"metric":187,"value":188,"description":189},"Update Time","~0 min","Content changes go live by editing a cell — no developer involvement needed",{"metric":191,"value":192,"description":193},"Dashboard Dependency","Eliminated","Clients manage targeted content entirely from Google Sheets",{"metric":195,"value":196,"description":197},"Error Rate","0%","No manual copy-paste errors between sheet and CMS",[],[157],{"id":201,"slug":202,"title":203,"excerpt":8,"date":204,"featuredImage":205,"techStack":207,"category":21,"overview":210,"problem":211,"solution":212,"process":213,"results":230,"projectDetails":239,"gallery":249,"liveUrl":-1,"githubUrl":-1},"cG9zdDoyNzAw","trouve-ta-banque-psd-to-wordpress","Trouve Ta Banque | PSD to WordPress","2026-04-27T02:48:13",{"url":206,"alt":8},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrove-ta-elementor-editing-00.png",[13,208,209,17,90,19,18,20],"Adobe Photoshop","Elemetor","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.","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.","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.",[214,217,220,222,225,228],{"step":215,"description":216},"Child Theme Setup","Created a WordPress child theme from the Pindol parent theme to isolate customizations and preserve upgrade safety.",{"step":218,"description":219},"Environment Configuration","Installed and configured Elementor as the page builder and Gravity Forms for form functionality, aligned to the project plugin requirements.",{"step":99,"description":221},"Reviewed all PSD artboards to extract typography, spacing, color values, component structures, and responsive layout intent before building.",{"step":223,"description":224},"Page Conversion","Converted each PSD artboard into a live Elementor page, building sections, widgets, and custom CSS to match the approved design precisely.",{"step":226,"description":227},"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.",{"step":111,"description":229},"Reviewed all pages and form flows for cross-browser consistency and design accuracy, then delivered to Oolong Media \u002F Pix and Codes.",[231,233,236],{"metric":115,"value":116,"description":232},"PSD-to-live conversion with no design deviations approved by agency",{"metric":51,"value":234,"description":235},"On Time","Completed within subcontract timeline with no revision cycles required",{"metric":237,"value":124,"description":238},"Plugin Integration","Gravity Forms multi-step form and Elementor operational with no conflicts",[240,242,244,245,246,247],{"label":128,"value":241},"Trove Ta Banque",{"label":59,"value":243},"https:\u002F\u002Ftrouvetabanque.ca\u002F",{"label":56,"value":133},{"label":62,"value":135},{"label":65,"value":137},{"label":139,"value":248},"February 2020",[206,250,251,252,253,254,255,256],"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ffinish-product-scaled.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrove-ta-elementor-editing-01.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrove-ta-banque-theme-form-setup.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrouve-ta-baque-psd-design.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fmulti-step-form-page-psd.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrove-ta-banque-theme-editing-02.png","https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ftrove-ta-banque-theme-editing-01.png",{"id":258,"slug":259,"title":260,"excerpt":8,"date":261,"featuredImage":262,"techStack":264,"category":21,"overview":265,"problem":266,"solution":267,"process":268,"results":289,"projectDetails":304,"gallery":305,"liveUrl":-1,"githubUrl":-1},"cG9zdDoyNjk1","soumissions-pavage-wordpress-development","Soumissions Pavage | WordPress Development Project","2026-04-24T12:19:11",{"url":263,"alt":8},"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-pavage-wordpress-website.png",[13,20,208,17,19],"Soumissions Pavage is a French-language website managed under Oolong Media in Canada, designed to help users request and compare paving service quotations. I was subcontracted as the developer to transform a fully designed PSD layout into a functional, responsive WordPress website.\nThe project involved setting up a custom WordPress environment using a child theme, integrating dynamic forms, and ensuring the final site accurately reflected the original design while maintaining performance and usability.","The client had a finalized PSD design but required:\n\nConversion into a fully functional WordPress website\nConsistent implementation of design elements across all pages\nA scalable structure using a child theme for future updates\nIntegration of advanced form functionality for lead generation\nClean, responsive behavior across devices\n\nAdditionally, since the site is in French, attention to layout spacing and text expansion was critical during development.","I converted the provided PSD design into a fully functional WordPress website using a Pindol child theme. The layout was built to closely match the original design while keeping the structure clean and easy to update. I developed reusable templates for consistency across pages and ensured the site works smoothly on all screen sizes.\nGravity Forms was integrated for the quote request feature, with styling adjusted to match the design. I also made sure the French content displayed properly in terms of spacing and readability. The final result is a responsive, maintainable website that follows the original design and meets the client’s requirements.",[269,272,274,277,280,283,286],{"step":270,"description":271},"Project Setup","Initialized WordPress with Pindol Theme and configured a custom child theme for scalability",{"step":99,"description":273},"Reviewed and broke down PSD design into reusable components and layout structures",{"step":275,"description":276},"Page Development","Converted PSD sections into responsive WordPress templates using clean HTML, CSS, and PHP",{"step":278,"description":279},"Gravity Forms Integration","Implemented and customized Gravity Forms for quote request functionality",{"step":281,"description":282},"Responsive Optimization","Ensured pixel-perfect responsiveness across desktop, tablet, and mobile devices",{"step":284,"description":285},"Content Integration","Added French content and validated layout consistency with real text",{"step":287,"description":288},"Testing & Deployment","Performed cross-browser testing and deployed the website to a live environment",[290,293,296,300],{"metric":115,"value":291,"description":292},"Pixel-Perfect","Successfully matched the PSD design with high visual fidelity",{"metric":294,"value":116,"description":295},"Responsiveness","Fully optimized across all modern screen sizes and devices",{"metric":297,"value":298,"description":299},"Form Efficiency","Improved Lead Capture","Seamless Gravity Forms integration improved user submissions",{"metric":301,"value":302,"description":303},"Maintainability","High","Child theme setup allows safe updates and future scalability",[],[263,306],"https:\u002F\u002Fcms.guevfstack.com\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Fsoumissions-pavage-psd-design.png"]