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.
Before:
After:
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
Webflow
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
Webflow
Website design and development
Adobe Illustrator
Mockups and illustration
Adobe Photoshop
Image editing and optimization
Microsoft Office 365
Productivity and collaboration
Trello
Project management
Wrike
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.