Microsite design & build

CPI Conference Microsite

After a three-year hiatus, CPI’s customer-facing conference returned in July 2023 and called for a unique promotional strategy. Marketing efforts to raise awareness and drive registrations pointed to the foundation of the campaign – a 10+ page fully-custom microsite. Independently built entirely in Webflow, the microsite enabled an engaging brand style and evolving content changes, with limited impact to development resources.



Project responsibilities

  • Designed and built ad-hoc microsite entirely in Webflow platform
  • Led project management and collaboration with content and design teams accounting for evolving updates
  • Demonstrated platform capabilities and communicated project progress and to department stakeholders

Tools and platforms


Website builder

  • Fully custom design
  • Responsive layout
  • Scroll- and time-based animation using native Webflow interactions

Adobe Creative Cloud

Mockup and asset optimization

  • Custom mockups in Illustrator
  • Image touch-ups and file optimization in Photoshop

Microsoft Office 365

Content coordination and collaboration

  • Coordination with content writers on evolving copy changes via Word
  • Project collaboration and stakeholder demonstrations via Teams


Website design and development

Adobe Illustrator

Mockups and illustration

Adobe Photoshop

Image editing and optimization

Microsoft Office 365

Productivity and collaboration


Project management


Project management

Google Analytics

Analytics and KPI reporting

Project highlights

Unlocked potential for brand creativity and content evolution

Leveraging Webflow enabled the delivery of a uniquely branded user experience inspired by primary website styles. By bypassing our primary CMS platform, we were able to fine-tune design elements and execute evolving content updates in real-time without a need for code deployments.

Independent build with zero impact on in-house development capacity

Independently building the microsite in Webflow resulted in the project having zero impact on in-house resource capacity, allowing developers to remain focused on other priority projects for the organization.

Engaging visuals animated via native Webflow interactions

Native Webflow interactions were used throughout the site for content animation to encourage user-engagement and exploration. Effects spanned across scroll-, hover-, and time-based interactions depending on page and content types.