Building Brands Community Platform

Background

Bevy is a versatile event management platform that empowers businesses to host a wide range of events, including in-person, remote, and hybrid gatherings. One of Bevy's standout features is the provision of branded instances of their platform, allowing clients to create a customized and cohesive event experience. As a Web Designer, my role was to ensure that clients' instances were visually appealing, user-friendly, and aligned with their unique brand identities.

Problem

The primary challenge I faced was the high volume of incoming requests for prototypes and branded platform sites. Balancing the workload and meeting project deadlines while maintaining design quality and personalization were crucial considerations. Additionally, the need to gather assets and content efficiently from client websites posed a significant challenge to achieving rapid and accurate customization.

Solution

To streamline the design process and overcome these challenges, I implemented several strategies and workflows. I utilized Figma, a powerful design tool, to create templates with pre-designed components for three different types of sites: Minimal Light, Dark Theme, and Image-Heavy designs. These templates served as a foundation, allowing for flexibility and adaptability across a variety of sites.

To personalize designs efficiently, I leveraged the capabilities of Google Sheets and Google Script. I developed a custom script that scraped assets, such as images, copy, team information, and partner/sponsor details, from the client's website. This data was then organized within a Google Sheet and mapped to specific columns with variables. This approach enabled the rapid importation of data into Figma prototypes, streamlining the customization process.

For custom sections within the client's platform, maintaining brand consistency was paramount. I employed Web Components, which resemble React's Component system, to add and customize these sections easily. By utilizing platform-available CSS variables, changes to site settings automatically updated the custom sections, ensuring consistency and customization.