Copley

Interactive

Project Duration: August 2025–September 2025
Studio Services: Website Design, Full-Stack Development (WordPress)


Special Thanks & Credits To:

Full-Stack WordPress Development by Brianne Hinchliffe

Project Information

Background

Copley is a cutting-edge AI content platform built to transform how businesses craft compelling, high-impact content—quickly and effortlessly. Created by former Klaviyo experts, Copley harnesses their unparalleled marketing technology know-how to deliver smart, results-driven content solutions that fuel real growth. By blending advanced AI with intuitive tools, Copley empowers brands to elevate and scale their content strategies with unmatched precision and confidence.

The Challenge

Copley’s original WordPress website lacked a clear explanation of its core value, leaving potential e-commerce clients uncertain about its unique advantages. The site was difficult to update and inflexible, hindering adaptability as Copley’s services evolved. They needed a website that clearly communicates their platform’s strengths for e-commerce while being easy to update and scalable to support their business growth.

Our Solution

Engaging with Copley within a custom-scope based on our Corporate Website Essentials package, we helped them fully manifest their platform’s value prop with new content strategy and a revamped Gutenberg Block Theme with sleek, modern design and animations—allowing for easy page-building and content updates long-term.

Content Strategy & UX Design

In our initial Discovery Phase with Copley, we noticed that the Home Page and Product Page were both saying the same things while not talking enough about the end-result or the value. This gave us an opportunity to restructure the narrative across both pages to amplify how special the Copley platform is to the people who matter. Through an abbreviated UX Sprint, we were able to narrow down content for each page from a systems perspective, ensuring that the components we’d build and leverage would help reinforce the messaging.

Research into other B2B/SaaS websites also gave us insights into providing testimonials for social proof, a Pricing page for clearer context, Customer Stories showing Copley in action, and prominent CTAs across the website leading visitors to request a platform demonstration or creating a new account.

…This gave us an opportunity to restructure the narrative across both pages to amplify how special the Copley platform is to the people who matter.…

UI Design System & Website Design

For a platform that aims to make content creation easier, the website itself had to feel intuitive, flexible and sleek. They had much of this built into their brand identity already, and now it was time to fully reflect that into their UI.

Globally speaking, we leaned into a modular, bento-inspired layout for easy compartmentalization of section content, leveraging their brand colors and textures in more bold ways. We found opportunities to bring in motion using sticky-scroll sections and Lottie animations to further empower the narrative across each page.

While the design system itself had its roots from the initial website styles, we found opportunities to create more clearly-defined standards with consolidated font stacks and colors. High-fidelity prototypes were made for responsive viewports, especially for device-specific instances.

For a platform that aims to make content creation easier, the website itself had to feel intuitive, flexible and sleek.

Full-Stack Development

For any growing company, being able to edit and scale the website without any hinderances is not just a modern practice, but an imperative. To make for a more flexible content-editing experience, we built the new website with our new Gutenberg Block Theme, allowing for the Copley team to dynamic build pages and edit content without needing developer intervention. We made this even more possible with content blocks and sections made as reusable patterns within the Block Editor.

We used GSAP (Greensock), a popular Javascript animation library, for on-scroll and page-loading animations, allowing us to add more dimension and meaning to the content across the website.

VIEW CLIENT WEBSITE