JM Construction
JM Construction need a new website to reflect their new brand identity, while also improving the site’s functionality and ease of management.
I lead a team to build JM’s new website in HubSpot, building a library of easy to use reusable templates so their internal team could independently create new pages and landing pages without needing external design or development support.
In addition to the website, we were also tasked with creating and refreshing several visual assets, including a new ebook, updated social media ads, and aligning old assets with the new brand.
Role
Lead Designer & Frontend Developer
Project Scope
Website Redesign & HubSpot Migration
Tools
Figma, Photoshop, HubSpot, HTML, CSS, JavaScript, HubL
Timeline
3 months
My Role & Process
As Lead Designer, I guided the project from concept to launch, leading both the design and frontend development phases. I also collaborated with a colleague during the HubSpot build to meet the tight 3-month deadline.
The process began with a deep dive into the new brand identity, meeting with the external designer who led the rebrand to fully understand the creative direction. From there, I created three homepage concepts in Figma, each with a distinct interpretation of the brand. The client selected a direction, which became the foundation for the full website design.
With that foundation in place, I created wireframes for all key pages, and once approved, applied the chosen design style. After some client feedback and refinements, I worked closely with a colleague to translate the designs into HubSpot templates, using HTML, CSS, JavaScript, and HubL. We built a full suite of 7 pages.
To support ongoing marketing efforts, we also designed custom landing page and thank-you page templates, plus a HubSpot email newsletter template. Finally, I refreshed several visual assets — including social media ads and ebooks — to align with the new branding.
Outcome & Impact
The final website successfully captured JM Construction’s high-end aesthetic and positioned them as a premium service provider. Their marketing team gained the ability to easily manage and expand the site using the flexible templates we built, reducing their reliance on our external support.
This was Cyberclick’s first full-site redesign and migration to HubSpot, making it a valuable learning experience that ultimately became a regular service offering. The project also played a key role in Cyberclick earning a HubSpot Accreditation, thanks to the successful execution of the migration and overall client satisfaction.
The combination of the redesign, improved user experience, and an inbound marketing strategy resulted in a measurable increase in leads, helping JM Construction achieve both their branding and business goals.
