EnergySys is a leading software solution for agile energy companies, like BP and Santos. They required a full company rebrand that broke the norm within their industry, becoming disrupters in the marketplace. The project consisted of a full rebrand, creating new branded assets across all communication verticals, and a new in-depth website redesign incorporating the new brand assets created by Otelli.
- Branding
- Web Design
- Development
- Animations
- Illustrations
- UI/UX
The Rebrand
Every strong brand starts with a clear sense of direction, so we kicked off the rebrand with a deep-dive Brand Workshop alongside key stakeholders. Through five interactive exercises, we unpacked the 20-year vision, the ‘why’ behind the brand, core customer personas, brand attributes, and a competitor landscape review. These steps are crucial—not just to make things look good, but to ensure the rebrand is rooted in strategy, speaks to the right people, and aligns with long-term business goals. Off the back of this, we delivered a full workshop report and a design proposal, ready to steer creative direction and inform the first style sheets.
Illustrations & Animations
To bring the new brand to life visually, EnergySys needed a set of custom illustrations and animations that could tell their story in a bold, engaging way. Having previously collaborated with renowned illustrator Neil Keating https://neilkeating.com/home , we worked closely with him on this project—providing the initial blueprints for the illustrations and briefing Neil, to ensure his signature style aligned with the new visual identity. Once the illustrations were in place, we brought selected assets to life through subtle, on-brand animations, adding movement and depth to key touchpoints across the website and marketing materials.
Branded Collateral
With the brand identity firmly established, we rolled it out across a wide range of marketing and operational assets. This included everything from social media banners and email signatures to business cards and branded white papers. Each item was carefully designed to maintain consistency with the new visual language—ensuring that every touchpoint, whether digital or physical, felt unmistakably EnergySys. These assets help reinforce the brand across channels, build recognition, and create a professional, cohesive experience for both clients and internal teams alike.
Website Design & Development
We designed and developed the new EnergySys website to embody the brand’s forward-thinking ethos and showcase its cloud-native platform. Built on WordPress, the site delivers a seamless user experience with intuitive navigation and content that highlights EnergySys’s capabilities in hydrocarbon accounting, emissions reporting, and pipeline management. The responsive design ensures optimal performance across devices, while the integration of custom illustrations and animations adds visual interest and reinforces brand identity. The result is a digital presence that not only informs but also engages, reflecting EnergySys’s commitment to innovation and excellence in the energy sector.
Brand Guidelines
Once the visual identity was finalised, we wrapped everything into a comprehensive brand guidelines document. This covered logo usage, colour hierarchy, typography, image direction, iconography, tone of voice, and how the brand should show up across digital and print channels. These guidelines aren’t just a box-ticking exercise—they’re essential for keeping the brand consistent, recognisable, and scalable across teams, platforms, and future campaigns. Whether you’re briefing a designer or launching a new product, the rules are there to protect the brand and give everyone a clear foundation to build from.
