Vodafone Experience Design

Code Academy

Curious?

The Brief

Engineers don’t join a telco for the intranet

Vodafone’s tech strategy rested on one thing: attracting, developing and keeping the best engineers. But those engineers were being courted by every tech company in the market, and the one place Vodafone offered to support them was a corporate intranet nobody visited. Talent that doesn’t feel connected doesn’t stay.

The Solution

Build the place a developer would choose to go

Code Academy: a digital destination designed by developer logic, for developers. We mapped the real tasks engineers needed to get done, built the site around those journeys, and gave it a visual language borrowed from the CSS box model. Not an HR portal with a tech theme. A home for the community, on its own terms.

Code Academy — screens from across the developer destination, from the homepage to communities and learning paths
Background

Every tech company wants the same engineers. Vodafone was competing as a telco

Vodafone had set out to become a technology company, not just a network. That ambition lives or dies on engineering talent: the developers who build the products, platforms and services customers actually use.

The market for those people is brutal. Engineers choose employers on craft, community and growth, and the software giants had been selling all three for years. A telco had to prove it could offer the same, or watch its best people leave for somewhere that could.

Internally, the support existed. Tools, training, advice and peers were all there, scattered across the intranet where nobody thought to look. The result was a community in name only: engineers working alone, unaware of what the business had built for them.

The destination had to change that. It had to feel alive, energising, and unmistakably theirs.

Code Academy — the homepage, secure coding guides and communities pages laid over the box-model visual identity

Our Approach

Start with the user stories. Then design it the way developers think

We started where good software starts: with the user. A UX workshop with Vodafone brought together the people who would use the site and the people who would run it, and turned their needs into an agreed set of tasks and user stories.

Those stories shaped the information architecture, the navigation and every journey through the content, so an engineer could find what they came for in seconds.

The design speaks the audience’s language. Its structure borrows from the CSS box model, the mental scaffold every front-end developer carries. Organic imagery of pathways, connections and current runs through it: a nod to the code and to the community.

Then we built it alongside Vodafone’s own developers, extending the front end of their existing platform so the live experience matched the design rather than a watered-down version of it.

Code Academy — the Get Learning journey, from choosing your level to picking a language to a tailored course

Key Project Assets

UX Workshop and User Stories

A working session with Vodafone’s developers and platform owners that turned a broad ambition into a prioritised list of real tasks, the foundation for every design decision that followed.

Information Architecture and User Journeys

A site structure built directly from the user stories, so engineers could reach the tools, advice and content they needed in as few clicks as possible, without hunting.

Visual Identity

A design language drawn from the CSS box model and abstract imagery of pathways and connections, signalling to developers that this place was built by people who understood them.

Front-End Build

Hands-on collaboration with Vodafone’s engineering team to extend their existing platform’s front end, so the finished site delivered exactly the experience the design promised, inside Vodafone’s own system.

Impact

Code Academy gave Vodafone’s engineers a place that was theirs: a single destination for tools, learning and connection, designed around how they work rather than how the organisation is structured.

One destination Tools, training, advice and community in a single place, built from developer user stories.
Developer-first Designed and built with Vodafone’s engineering teams, not handed to them.
Go-to Positioned as the go-to place for Vodafone’s global developer community.

Project Insights

From intranet page to home

Talent strategies are usually written in boardrooms and delivered by email. Code Academy shows what happens when you build one in the medium the audience actually lives in. Engineers don’t need to be told the company values them. They need to see it in the quality of the things built for them.

It also shows the value of speaking the audience’s language, literally. A box-model layout and imagery that evokes circuitry aren’t decoration. They’re a signal: this was designed by people who get you. For a community that judges everything on craft, that signal is everything.