Gas.be
)
Introduction
Gas.be is a non-profit organization that advocates the benefits of natural gas and provides certified installer training. With the fast-paced and ever-changing gas industry, the company desperately needed a complete rebranding and overhaul of its websites.
Born Digital was tasked with creating a new visual identity and website reflecting their rich heritage while showcasing their commitment to transitioning towards a greener future.
)
Challenges
Designing a visual identity for an organization that promotes the benefits of natural gas in a world where gas usage is increasingly stigmatized presents several unique challenges.
Furthermore, developing a flexible component system for multiple websites with varying content and color combinations adds another layer of complexity. Each site might have its unique messaging and target audience, requiring a cohesive yet adaptable visual framework to maintain consistency while accommodating diversity.
)
)
)
)
)
)
)
)
)
Visual identity
We aimed to steer clear of the clichéd blue flame symbolism when designing the new logo. Instead, our approach involved integrating three uncomplicated geometric shapes in shades of blue, green, and turquoise. These elements symbolize water, gas, and a sustainable future.
By melding these shapes with custom typography, lively illustrations, and unique patterns, we crafted a visual identity that satisfied the client's requirements and granted us the creative freedom to develop multiple subsidiary brands using these elements.
)
“Working with Born Digital has been an absolute game-changer for Gas.be. Their team's creativity, dedication, and technical expertise have transformed our brand and online presence in ways we couldn't have imagined. Born Digital took our vision and turned it into a stunning and unique brand identity.”
Website design
The next step was to integrate the visual identity into new website designs. As mentioned before, the main challenge was creating a flexible system for multiple websites while maintaining brand recognition and consistency.
After determining the information architecture, we made wireframes for each website and decided on a component library catering to all the content types.
We set up different color schemes per brand. We created an overarching design system, integrating all the other elements and components into a flexible component library that we used to create page templates.
Development
Once the client validated the UI designs, our development team translated all the designed components into CSS/HTML. The outcome is a visually cohesive and user-friendly interface across all websites.
Furthermore, we have integrated a comprehensive CMS platform, Storyblok, our preferred solution, to make content management effortless for the Gas.be team. This user-friendly CMS platform enables easy updates and modifications, allowing for efficient website maintenance.
)
)
)
)
)
)
)
)
)
)
)
)
Result
Our rebranding and website creation for Gas.be were resounding successes, culminating in a prestigious Gold award at last year's Indigo Awards.
The new brand identity effectively communicates Gas.be's mission, while the user-friendly website has significantly improved their online presence and accessibility. This recognition underscores the exceptional work by our team and the positive impact it has had on Gas.be.