Ogi Website
Bringing a bold new broadband brand to life online
Client: Ogi
Responsibilities: UI Design
Deliverables: Website design and reusable UI components
Industry: Telecommunications
The Challenge
Creating a high-impact website to support the launch of Ogi's new brand, helping customers understand its full-fibre offering while providing a flexible foundation for future campaigns and growth.
The challenge
Ogi was preparing to launch a new brand as it expanded its full-fibre broadband network across South Wales. The website would play a central role in introducing the company and its services, supporting campaign activity and helping both consumer and business customers understand what Ogi could offer them.
Working with Box UK, I contributed to the UI design of the new website. The challenge was to translate a bold visual identity into a clear digital experience while creating enough flexibility to support different audiences, content and campaigns as the business grew.
Designing alongside a new brand
The Ogi brand was being developed alongside the website, so the interface needed to evolve as the visual identity took shape. Working from high-level brand guidelines, the designs translated Ogi's bold typography, colour, imagery and graphic language into a responsive digital experience.
Flexible layouts allowed different combinations of colour, photography and messaging to be used without losing consistency, giving Ogi room to adapt the site for different campaigns while maintaining a recognisable experience across desktop and mobile.
Flexible elements
Rather than designing every page as a fixed layout, the interface was built around flexible, reusable elements that could work across different pages and content types.
These patterns gave Ogi a consistent visual language for everything from broadband packages and service information to campaign content and calls to action, while giving the content team flexibility to create and update pages as the site evolved.
The elements were ultimately translated into reusable WordPress blocks, creating a modular system that could support ongoing content and campaign activity without requiring every page to be designed from scratch.
Which Ogi are you?
The website needed to support customers with very different needs, from households looking for faster broadband to businesses exploring Ogi's services.
Clear hierarchy, navigation and calls to action helped users understand the available options, while more playful content such as “Which Ogi are you?” made broadband packages easier to relate to everyday needs.
The interface balanced this practical information with Ogi's distinctive personality, creating an experience that could communicate technical services without feeling overly technical.
Designing for growth
The website was designed not only for Ogi's launch, but as a platform that could grow alongside the business.
Reusable components gave the content team flexibility to build new pages and campaign content, while functionality such as postcode checking allowed customers to see which services were available in their area and register their interest.
Together, the modular interface and WordPress implementation created a flexible foundation for Ogi to continue expanding its digital presence as its network grew.
