Brand Evolution
The Whiteboard team took the foundation of Community’s current brand and offered 3 different directions for a web-optimized design system. The Community team asked to incorporate all 3 directions as a flexible design system—intentional, but adaptable enough to curate their content for specific audiences.
![](https://cdn.prod.website-files.com/6000971fd4b15ea4ee9f6405/63d14896a1a2c71aee242636_Community_3-Phones.png)
Website
Our team took this new design system and introduced a new homepage that gave Community a bold voice—one that accurately represented the impact they have in the B2C, political, and influencer communities. The goal: provide clear pathways to purchase and properly summarize the life, energy, and impact that their platform is making on the world.
![](https://cdn.prod.website-files.com/6000971fd4b15ea4ee9f6405/63d148b82d63ecb5b4efbf3d_Community_Homepage.png)
![](https://cdn.prod.website-files.com/6000971fd4b15ea4ee9f6405/63d148bedb97b914ea142aab_Community_3-Phones-1.png)
Landing Page Builder
To ensure an easy-to-use builder, our team created a dynamic component block system in Webflow that allowed for multiple color and layout flexibility with a single dropdown option. We created around 90 different components, with 10 color variations, for a total of 900 custom component variants that could be reorganized into thousands of different variations. All living in an accessible, easy-to-navigate system for the Community team to work in.
![](https://cdn.prod.website-files.com/6000971fd4b15ea4ee9f6405/63d1495ccca0884ba4ca6726_Community_Landing-Page-Templates.png)