OUR Work /

Microsoft Surface

Smart sales content

for Surface

We created an interactive microsite that brings the Surface story to life, driving more leads and deeper engagement.

Three sections of the Microsoft Surface interactive microsite, featuring product imagery, stylised content panels, and a focus on device flexibility, business benefits, and sustainability.
Three sections of the Microsoft Surface interactive microsite, featuring product imagery, stylised content panels, and a focus on device flexibility, business benefits, and sustainability.
Three sections of the Microsoft Surface interactive microsite, featuring product imagery, stylised content panels, and a focus on device flexibility, business benefits, and sustainability.

Company Overview

The Microsoft Surface team is a division within Microsoft responsible for the development and production of the Surface line - a range of premium personal and professional devices.

The Microsoft Surface team is a division within Microsoft responsible for the development and production of the Surface line - a range of premium personal and professional devices.

Challenge

Challenge

Modern work comes in all shapes and sizes. So do Microsoft Surface devices, which are ideal for modern, flexible working, and on-the-go go-getting. A device with a difference – this project required “more than just a microsite.”

Microsoft wanted a hero asset that married together tradition and modernity, just like the Surface device itself, and which drove up engagement for prospective buyers. The microsite would be a subsidiary piece for the Surface device web page, and a lead generation tool.

One of the main priorities for Microsoft was to drive user engagement to their costs page and business cases. 

Full-width view of the Microsoft Surface interactive microsite, showing the homepage layout with navigation, product messaging, business case details, and environmental commitments.
Full-width view of the Microsoft Surface interactive microsite, showing the homepage layout with navigation, product messaging, business case details, and environmental commitments.
Full-width view of the Microsoft Surface interactive microsite, showing the homepage layout with navigation, product messaging, business case details, and environmental commitments.
Full-width view of the Microsoft Surface interactive microsite, showing the homepage layout with navigation, product messaging, business case details, and environmental commitments.
Full-width view of the Microsoft Surface interactive microsite, showing the homepage layout with navigation, product messaging, business case details, and environmental commitments.

Microsoft Surface Interactive Microsite

Solution

Solution

As experts in crafting B2B solutions for engaging content, we wanted to flex our creativity.

Along with Microsoft, we decided on an interactive microsite – not quite a web page, not quite an eBook. Something in-between, which pushed the boundaries of content creation at Fifty Five and Five and interactive content for B2B.

We approached this interactive content asset differently, assigning more collaboration time between content writers and designers. Our writers picked out copy that was ideal for visual representation, crafting an experience that was engaging and immersive. Our design team worked to create something bespoke that perfectly complemented the devices themselves, incorporating interactive breakouts and eye-popping imagery.

A Surface user interacting with the device, surrounded by data cards showing cost savings, sustainability goals, and security statistics used in the interactive microsite.
A Surface user interacting with the device, surrounded by data cards showing cost savings, sustainability goals, and security statistics used in the interactive microsite.
A Surface user interacting with the device, surrounded by data cards showing cost savings, sustainability goals, and security statistics used in the interactive microsite.
A Surface user interacting with the device, surrounded by data cards showing cost savings, sustainability goals, and security statistics used in the interactive microsite.
A Surface user interacting with the device, surrounded by data cards showing cost savings, sustainability goals, and security statistics used in the interactive microsite.

Microsite components

Outcome

Outcome

The end-result is unique, just like the devices themselves. The microsite is informative, and provides prospective leads with in-depth content, but also has playful elements, which has kept engagement rate high.

Currently, the interactive content is being used as both a sales tool – with a wealth of information to support the sales lifecycle – and a showcase piece for new leads. It has been well received by Microsoft, and its partners, generating a significant amount of engagement in three months.

The microsite has a very high session duration of just under 9 minutes (industry average is 2-3 minutes) - a testament to both the content and user experience.

The “Cost” section of the site is a top performer on the page. This is great as cost and the business case for Surface was a priority. We drew users to this section with a structured user journey, interactive elements, and high-contrast colour emphasis. The microsite proves that interactive content for B2B can deliver exceptional results and engage with users.

8+ mins

8+ mins

8+ mins

8+ mins

average user session duration. 

60%

60%

60%

60%

of users returned to the interactive web page.

4x

4x

4x

4x

leads generated compared to their traditional e-book.

This site really raised the bar in terms of the quality of content we have taken to Partners. The copy is beautifully written, and the interactive elements are keeping prospective buyers engaged.

This site really raised the bar in terms of the quality of content we have taken to Partners. The copy is beautifully written, and the interactive elements are keeping prospective buyers engaged.

This site really raised the bar in terms of the quality of content we have taken to Partners. The copy is beautifully written, and the interactive elements are keeping prospective buyers engaged.

This site really raised the bar in terms of the quality of content we have taken to Partners. The copy is beautifully written, and the interactive elements are keeping prospective buyers engaged.

This site really raised the bar in terms of the quality of content we have taken to Partners. The copy is beautifully written, and the interactive elements are keeping prospective buyers engaged.

Rob Stacey, Partner Marketing Lead, Microsoft

Rob Stacy, set against a light grey background and framed by a stylised geometric border
Rob Stacy, set against a light grey background and framed by a stylised geometric border

How we can help with your next big project?

How we can help with your next big project?

How we can help with your next big project?

How we can help with your next big project?

How we can help with your next big project?

Compass is the future. Fine-tuned on enterprise marketing, Compass is designed specifically for internal marketing teams, and is built on years of agency marketing best practice. Try it now for free.

I would spend fifty five minutes defining the problem, and then I would need just five minutes to solve it.

The Leather Market
Weston Street
London, UK
SE1 3ER

+44 20 3743 7897

© Fifty Five and Five 2025 - Our head office is registered in England and Wales as company no. 07508740. VAT no. 107280831. Privacy policy.

I would spend fifty five minutes defining the problem, and then I would need just five minutes to solve it.

The Leather Market
Weston Street
London, UK
SE1 3ER

+44 20 3743 7897

© Fifty Five and Five 2025 - Our head office is registered in England and Wales as company no. 07508740. VAT no. 107280831. Privacy policy.

I would spend fifty five minutes defining the problem, and then I would need just five minutes to solve it.

The Leather Market
Weston Street
London, UK
SE1 3ER

+44 20 3743 7897

© Fifty Five and Five 2025 - Our head office is registered in England and Wales as company no. 07508740. VAT no. 107280831. Privacy policy.

I would spend fifty five minutes defining the problem, and then I would need just five minutes to solve it.

The Leather Market
Weston Street
London, UK
SE1 3ER

+44 20 3743 7897

© Fifty Five and Five 2025 - Our head office is registered in England and Wales as company no. 07508740. VAT no. 107280831. Privacy policy.

I would spend fifty five minutes defining the problem, and then I would need just five minutes to solve it.

The Leather Market
Weston Street
London, UK
SE1 3ER

+44 20 3743 7897

© Fifty Five and Five 2025 - Our head office is registered in England and Wales as company no. 07508740. VAT no. 107280831. Privacy policy.