Tom Driver Creative

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Tom Driver Creative</title>
	<link>https://tomdrivercreative.cargo.site</link>
	<description>Tom Driver Creative</description>
	<pubDate>Wed, 25 Mar 2026 11:55:13 +0000</pubDate>
	<generator>https://tomdrivercreative.cargo.site</generator>
	<language>en</language>
	
		
	<item>
		<title>Home</title>
				
		<link>https://tomdrivercreative.cargo.site/Home</link>

		<pubDate>Mon, 21 Aug 2017 17:09:27 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Home</guid>

		<description>SENIOR INTERACTION DESIGNER
DESIGN SYSTEMS SPECIALIST 

ENTERPRISE &#38;amp; MOBILE PRODUCTS
UI DESIGN &#124; ACCESSIBILITY &#124; FIGMA
 
Over 20 years' experience designing enterprise and customer-facing digital products across telecommunications, financial services, healthcare and education &#124; Available for permanent &#38;amp; contract roles</description>
		
	</item>
		
		
	<item>
		<title>Three design system</title>
				
		<link>https://tomdrivercreative.cargo.site/Three-design-system</link>

		<pubDate>Wed, 25 Mar 2026 11:55:13 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Three-design-system</guid>

		<description>
THREE DESIGN SYSTEMBuilding an enterprise design system that transformed how Three designed, built and delivered digital products

RoleSenior UI designer (design systems)
	Duration7 years
	TeamCross-functional product team
	ImpactAccessibility ↑
Delivery time ↓
Enterprise adoption


&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/0121675d23d76da0048eac0ecd46794c077f0235a267950f82e16a66b69e93fd/DDS_MOCKUP_WEB_v1.png" data-mid="246495321" border="0"  src="https://freight.cargo.site/w/1000/i/0121675d23d76da0048eac0ecd46794c077f0235a267950f82e16a66b69e93fd/DDS_MOCKUP_WEB_v1.png" /&#62;When I joined Three's Design Systems team, there was no unified design system. Products had evolved independently over many years, resulting in duplicated UI patterns, fragmented documentation and inconsistent accessibility across customer journeys.

Over the next seven years I helped establish and evolve the enterprise design system that became the foundation for Three's web and mobile products.

My work went far beyond designing components. I helped build the reusable framework that designers, engineers and content teams relied on every day — improving consistency, accelerating delivery and changing how digital products were designed across the organisation.

My responsibilities ranged from component design and accessibility through to implementation support, documentation, design operations, design system governance and ultimately the migration from Sketch to Figma.


My role
Senior UI Designer (Design Systems)


Working within a multidisciplinary team of designers, product managers and engineers, I was responsible for:


Designing reusable UI components and interaction patternsBuilding and evolving scalable component librariesRationalising duplicated UI patterns into reusable systemsDefining accessibility standards (WCAG AA)Creating and maintaining design system documentationSupporting engineering teams throughout implementationDriving adoption of the design system across multiple product teamsMentoring designers and promoting component-first workflowsSupporting the evolution of the system through Three's digital rebrand

	&#60;img width="3600" height="2582" width_o="3600" height_o="2582" data-src="https://freight.cargo.site/t/original/i/60785a65f3a229115768b48c619976f3f88ff21edbd44342294891decad5631e/Foundations--Three-s-Digital-design-system.png" data-mid="246495326" border="0"  src="https://freight.cargo.site/w/1000/i/60785a65f3a229115768b48c619976f3f88ff21edbd44342294891decad5631e/Foundations--Three-s-Digital-design-system.png" /&#62;
The challengeThree's digital products had grown organically over many years.

Different teams had solved similar problems in different ways, creating duplicated components, inconsistent customer experiences and fragmented implementation across products.

The challenge wasn't simply to build a component library.

It was to establish a shared design language that designers and engineers could both trust, improving quality, accessibility and delivery while reducing duplication across the organisation.


	&#60;img width="1702" height="1666" width_o="1702" height_o="1666" data-src="https://freight.cargo.site/t/original/i/d2ca2613f22982bc41a78c8db7fe78d1c7a7862847ea7d1a91e76de0a2cf8815/forms.png" data-mid="246495480" border="0"  src="https://freight.cargo.site/w/1000/i/d2ca2613f22982bc41a78c8db7fe78d1c7a7862847ea7d1a91e76de0a2cf8815/forms.png" /&#62;
	&#60;img width="1686" height="1702" width_o="1686" height_o="1702" data-src="https://freight.cargo.site/t/original/i/2cfbf7aaf0a472cbe5a606252bc9cdcbfb70676535d432d2d7cc7f96a5770819/navigational.png" data-mid="246495481" border="0"  src="https://freight.cargo.site/w/1000/i/2cfbf7aaf0a472cbe5a606252bc9cdcbfb70676535d432d2d7cc7f96a5770819/navigational.png" /&#62;


Creating a scalable component system
Working initially in Sketch, I helped build a comprehensive component library organised around Atomic Design principles.

Every component was designed to:
communicate hierarchy clearlymeet WCAG AA accessibility standardsscale responsively across breakpointsbehave consistently across productssupport efficient implementation by engineering teams
Rather than designing individual pages, we focused on creating robust building blocks that could be reused throughout the organisation.

As the system matured, we continually identified duplicated patterns across products, consolidating them into reusable components so teams solved problems once instead of repeatedly solving them independently.

That shift towards component-first thinking fundamentally changed how digital products were designed at Three.


Documentation that became part of the workflow
A design system only succeeds if people understand how to use it.

We initially documented the system within InVision before rebuilding and expanding everything into Zeroheight to form a living knowledge base.

Every component included guidance covering:
usagebehaviouraccessibilityresponsive behaviourmotionimplementation guidanceengineering code references
Rather than repeatedly answering the same questions across different teams, documentation became the shared source of truth for designers, developers and content teams, making consistent implementation much easier across the organisation.


	&#60;img width="1538" height="784" width_o="1538" height_o="784" data-src="https://freight.cargo.site/t/original/i/4945beec52124952c8dc269174e63cd5361cc0a1b3eb5d5609d6bb6126b56824/spinner.png" data-mid="246495341" border="0"  src="https://freight.cargo.site/w/1000/i/4945beec52124952c8dc269174e63cd5361cc0a1b3eb5d5609d6bb6126b56824/spinner.png" /&#62;
	&#60;img width="1440" height="1024" width_o="1440" height_o="1024" data-src="https://freight.cargo.site/t/original/i/325aa0721aff592a4c4931878d6c5816157cd0d460a93495c59cdaa9ed4df81a/tabsdesktop.gif" data-mid="246495347" border="0"  src="https://freight.cargo.site/w/1000/i/325aa0721aff592a4c4931878d6c5816157cd0d460a93495c59cdaa9ed4df81a/tabsdesktop.gif" /&#62;
	&#60;img width="1718" height="1074" width_o="1718" height_o="1074" data-src="https://freight.cargo.site/t/original/i/6c716206a43f98fbf056477522417b69c16c3474ceedf807f38dce48da0853fc/usage-bars.png" data-mid="246495348" border="0"  src="https://freight.cargo.site/w/1000/i/6c716206a43f98fbf056477522417b69c16c3474ceedf807f38dce48da0853fc/usage-bars.png" /&#62;

 
Supporting implementation

My involvement didn't end once components had been designed.

I worked closely with engineers throughout implementation to ensure components behaved as intended and maintained the quality established during design.

We regularly discussed accessibility, interaction behaviour, responsive edge cases and implementation constraints, helping reduce the gap between design intent and the final product.


&#60;img width="3600" height="2468" width_o="3600" height_o="2468" data-src="https://freight.cargo.site/t/original/i/59ce5edb29ad7f8ba352a92eab5fc5171202fbba0d7bf12a9457b5d10d5be75c/ddshome.png" data-mid="246495322" border="0"  src="https://freight.cargo.site/w/1000/i/59ce5edb29ad7f8ba352a92eab5fc5171202fbba0d7bf12a9457b5d10d5be75c/ddshome.png" /&#62;
&#60;img width="1666" height="1820" width_o="1666" height_o="1820" data-src="https://freight.cargo.site/t/original/i/1ffe2a3e6a1d7d6d67095cb8f3f27ebcbfc6b5c47f2fa727221f50b564134972/filters.png" data-mid="246495324" border="0"  src="https://freight.cargo.site/w/1000/i/1ffe2a3e6a1d7d6d67095cb8f3f27ebcbfc6b5c47f2fa727221f50b564134972/filters.png" /&#62;
&#60;img width="3600" height="12486" width_o="3600" height_o="12486" data-src="https://freight.cargo.site/t/original/i/3a7036ea2c55a300af5ee2bb747be1b8475483c618b505e51062f157b2b090d9/Alerts-confirmation-Alerts-v2-0--Three-s-Digital-design-system.png" data-mid="246495309" border="0"  src="https://freight.cargo.site/w/1000/i/3a7036ea2c55a300af5ee2bb747be1b8475483c618b505e51062f157b2b090d9/Alerts-confirmation-Alerts-v2-0--Three-s-Digital-design-system.png" /&#62;
&#60;img width="1682" height="906" width_o="1682" height_o="906" data-src="https://freight.cargo.site/t/original/i/98b7f3dda5e907956291f72f3803fce8c6deebace4282455f251c64f24e04f68/date-selector.png" data-mid="246495320" border="0"  src="https://freight.cargo.site/w/1000/i/98b7f3dda5e907956291f72f3803fce8c6deebace4282455f251c64f24e04f68/date-selector.png" /&#62;
&#60;img width="1536" height="966" width_o="1536" height_o="966" data-src="https://freight.cargo.site/t/original/i/69341af4316ef5b87cdad295f3073499b6ea06d64d5079c13267d2edabdfabbf/file-upload.png" data-mid="246495323" border="0"  src="https://freight.cargo.site/w/1000/i/69341af4316ef5b87cdad295f3073499b6ea06d64d5079c13267d2edabdfabbf/file-upload.png" /&#62;
&#60;img width="1340" height="1830" width_o="1340" height_o="1830" data-src="https://freight.cargo.site/t/original/i/a374502d0cdc83ce15a3afe7d48234563077faabb5d831bc9b9564a18de1a1a2/banner.png" data-mid="246495312" border="0"  src="https://freight.cargo.site/w/1000/i/a374502d0cdc83ce15a3afe7d48234563077faabb5d831bc9b9564a18de1a1a2/banner.png" /&#62;
&#60;img width="1518" height="1266" width_o="1518" height_o="1266" data-src="https://freight.cargo.site/t/original/i/01ca6f2193f4f06ebb20b7602540937528a46bb65e3479ceff3c4630205f4d83/price-calculator.png" data-mid="246495336" border="0"  src="https://freight.cargo.site/w/1000/i/01ca6f2193f4f06ebb20b7602540937528a46bb65e3479ceff3c4630205f4d83/price-calculator.png" /&#62;
&#60;img width="1672" height="1530" width_o="1672" height_o="1530" data-src="https://freight.cargo.site/t/original/i/187e570cfcd28e9c86a612968985db64936b1515548cc6bcdeaff8709b8f4cd6/footer.png" data-mid="246495325" border="0"  src="https://freight.cargo.site/w/1000/i/187e570cfcd28e9c86a612968985db64936b1515548cc6bcdeaff8709b8f4cd6/footer.png" /&#62;
&#60;img width="2370" height="914" width_o="2370" height_o="914" data-src="https://freight.cargo.site/t/original/i/09ffa7a68599883dd899c3415a3eabe9fc073e6ae8ef1cd21b8995e75ca5ce31/micro-banners.png" data-mid="246495335" border="0"  src="https://freight.cargo.site/w/1000/i/09ffa7a68599883dd899c3415a3eabe9fc073e6ae8ef1cd21b8995e75ca5ce31/micro-banners.png" /&#62;


During Three's migration from Fatwire to Adobe Experience Manager, the design system became instrumental in translating reusable components into the new CMS, enabling content teams to publish updates in hours rather than days.

	&#60;img width="475" height="912" width_o="475" height_o="912" data-src="https://freight.cargo.site/t/original/i/b004931fb9f79c27f9fb73b336fde4d6870c920f628e816c661bd87a0cc20647/secondarycontainer.gif" data-mid="246495338" border="0"  src="https://freight.cargo.site/w/475/i/b004931fb9f79c27f9fb73b336fde4d6870c920f628e816c661bd87a0cc20647/secondarycontainer.gif" /&#62;
	&#60;img width="475" height="912" width_o="475" height_o="912" data-src="https://freight.cargo.site/t/original/i/378cef7dc82cb156ef090be4676ad7a2995298b76c394c6a54d5f68f8209b9c2/tabs.gif" data-mid="246495346" border="0"  src="https://freight.cargo.site/w/475/i/378cef7dc82cb156ef090be4676ad7a2995298b76c394c6a54d5f68f8209b9c2/tabs.gif" /&#62;
	&#60;img width="475" height="912" width_o="475" height_o="912" data-src="https://freight.cargo.site/t/original/i/5fffd503e378132fa4490300ea53c12cf8ea88829cf290f143fb3acef8fde55a/carousel.gif" data-mid="246495316" border="0"  src="https://freight.cargo.site/w/475/i/5fffd503e378132fa4490300ea53c12cf8ea88829cf290f143fb3acef8fde55a/carousel.gif" /&#62;


Migrating the design system to FigmaIn 2023 I helped lead the migration from Sketch to Figma.

Rather than simply moving files between tools, we used the migration as an opportunity to modernise the design system.

Using Variables, Design Tokens and advanced component architecture, I rebuilt libraries that:
automatically adapted across layoutsresponded intelligently to light and dark surfacessupported desktop and touch interactionsincluded interactive behaviours for rapid prototypingwere easier to maintain and scale as the system evolved
Alongside the technical migration, I mentored designers, product owners and content teams as they adopted new component-based workflows within Figma.

Outcomes
The design system became the foundation of Three's digital ecosystem.


Key outcomes included:
Accessibility scores improving from the high 70s into the low 90s using Google Lighthouse
Publishing times reduced from days to hours
Successful delivery of a major digital rebrand with significantly faster rollout
Consistent UI patterns across web and mobile products
Greater collaboration between design, engineering and content teams
Organisation-wide adoption of component-first design practices
Reduced duplication through reusable components and shared patterns
A trusted design system used daily across multiple product teams

Perhaps the biggest achievement wasn't the component library itself, but helping change how the organisation thought about designing digital products.

Over time, the focus shifted from creating individual pages to building reusable systems that improved consistency, quality and delivery across the business.

Looking aheadA well-structured design system should do more than support today's design process—it should be ready for the next generation of digital product creation.

By the time I left Three, the design system had evolved into a mature collection of reusable components, design tokens, behavioural guidance and documentation that provided a strong foundation for AI-assisted design workflows.

During 2025–26 we began exploring how AI agents could use the design system to generate page layouts from natural language prompts. Because components were consistently defined, documented and governed, the system was already structured in a way that supported this emerging approach.

Those experiments reinforced an important principle: investing in a well-governed design system doesn't just improve consistency today—it creates the structured foundation that future AI-powered design tools will increasingly depend upon.


All images © Vodafone Three</description>
		
	</item>
		
		
	<item>
		<title>Three mobile app</title>
				
		<link>https://tomdrivercreative.cargo.site/Three-mobile-app</link>

		<pubDate>Sun, 22 Mar 2026 16:57:42 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Three-mobile-app</guid>

		<description>THREE MOBILE APPDesigning a modern mobile experience built on a scalable design system


	Role
Senior UI designer
	Platforms
iOS &#38;amp; Android
	Team
Product, UX &#38;amp; engineering
	Results
+21% Android, +38% iOS, +65% add-on sales


&#60;img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/30a5417c79ccba43e19cc53cf45b30037dee3a9dbc18665f8253c62afea6b06e/DDS_MOCKUP_APP_v1.png" data-mid="246342519" border="0"  src="https://freight.cargo.site/w/1000/i/30a5417c79ccba43e19cc53cf45b30037dee3a9dbc18665f8253c62afea6b06e/DDS_MOCKUP_APP_v1.png" /&#62;As part of Three's product design team, I helped redesign the company's flagship mobile app following a major digital brand refresh.


Working alongside UX designers, product managers and engineers, I translated the new visual language into a cohesive mobile experience that aligned with our evolving design system while making everyday customer journeys faster, clearer and easier to use.

My roleSenior UI Designer


My responsibilities included:


Designing interfaces for key customer journeys
Extending the design system for native mobile
Creating reusable components
Defining interaction and motion behaviour
Collaborating closely with UX designers and engineers
Supporting implementation through documentation
Maintaining visual consistency across the product


The challenge
The previous app had become technology-led rather than user-led.


Navigation was inconsistent, key tasks were difficult to find and the experience no longer reflected Three's evolving digital brand.


Our goal was to create an app that felt intuitive from first use while bringing the visual language of the wider design system into a native mobile experience.


	&#60;img width="1932" height="1214" width_o="1932" height_o="1214" data-src="https://freight.cargo.site/t/original/i/fafb16f6c1aa58cbd4b0fc3b970c393e26f8db7487bff23ef2651197b0608960/previous.gif" data-mid="246378350" border="0"  src="https://freight.cargo.site/w/1000/i/fafb16f6c1aa58cbd4b0fc3b970c393e26f8db7487bff23ef2651197b0608960/previous.gif" /&#62;


Designing for clarity
Working closely with the UX team, we established a clear information hierarchy throughout the application.


Each screen was structured around:


primary tasks
supporting actions
secondary content


This allowed customers to complete common journeys quickly while still making additional features easy to discover.


By extending the existing design system into mobile, we were able to maintain consistency between web and app while creating components appropriate for native interactions.


	&#60;img width="750" height="2202" width_o="750" height_o="2202" data-src="https://freight.cargo.site/t/original/i/1f3411f9e0377e2dc98e7f894ecd0f7c0fe2414ce02139dae219f0f8b228364a/1.1-_-Dashboard-account---375px.png" data-mid="246377888" border="0"  src="https://freight.cargo.site/w/750/i/1f3411f9e0377e2dc98e7f894ecd0f7c0fe2414ce02139dae219f0f8b228364a/1.1-_-Dashboard-account---375px.png" /&#62;


&#60;img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/23ce3ae573a6afba4d8d5c9835551842cef4195eec123fb9a99a53e74a91b3a6/004-Three-number-active.png" data-mid="246377891" border="0"  src="https://freight.cargo.site/w/750/i/23ce3ae573a6afba4d8d5c9835551842cef4195eec123fb9a99a53e74a91b3a6/004-Three-number-active.png" /&#62;

	
&#60;img width="750" height="2078" width_o="750" height_o="2078" data-src="https://freight.cargo.site/t/original/i/547175f1c361980645343632ac786f2a246666de9c39720145882572d8e03175/Shop---Android---375px.png" data-mid="246377895" border="0"  src="https://freight.cargo.site/w/750/i/547175f1c361980645343632ac786f2a246666de9c39720145882572d8e03175/Shop---Android---375px.png" /&#62;


	&#60;img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/ab7cba238c2fa958c5b993a4544e5616e713a561a4eb1461dffd1650058ebc92/2.3-_-Max-subscriptions-under-the-account.png" data-mid="246377890" border="0"  src="https://freight.cargo.site/w/750/i/ab7cba238c2fa958c5b993a4544e5616e713a561a4eb1461dffd1650058ebc92/2.3-_-Max-subscriptions-under-the-account.png" /&#62;
	&#60;img width="750" height="1790" width_o="750" height_o="1790" data-src="https://freight.cargo.site/t/original/i/6fe19846ebffdc7c9d47a8f27a49f581dc9ada2bb5e7fa070675a2652059b47a/Latest-bill-34.png" data-mid="246377894" border="0"  src="https://freight.cargo.site/w/750/i/6fe19846ebffdc7c9d47a8f27a49f581dc9ada2bb5e7fa070675a2652059b47a/Latest-bill-34.png" /&#62;
	&#60;img width="750" height="1624" width_o="750" height_o="1624" data-src="https://freight.cargo.site/t/original/i/6e3884e75220ee623fe9eea8624685898ff692ae32343ae43d53f075db4559cd/006-Three-number-dropdown.png" data-mid="246377892" border="0"  src="https://freight.cargo.site/w/750/i/6e3884e75220ee623fe9eea8624685898ff692ae32343ae43d53f075db4559cd/006-Three-number-dropdown.png" /&#62;

Building reusable foundations
As new patterns emerged during the project, I documented them within the design system so they could be reused across future releases.


Documentation covered:


component usage
motion behaviour
interaction patterns
native iOS and Android considerations


This ensured the app remained consistent as it continued to evolve.
	&#60;img width="3600" height="3640" width_o="3600" height_o="3640" data-src="https://freight.cargo.site/t/original/i/65e28700b121fe302951c9c2eb36e4f11aea156ce366f62646dfc9b71035cb9b/DDS-app-home.png" data-mid="246378616" border="0"  src="https://freight.cargo.site/w/1000/i/65e28700b121fe302951c9c2eb36e4f11aea156ce366f62646dfc9b71035cb9b/DDS-app-home.png" /&#62;
	&#60;img width="3600" height="2024" width_o="3600" height_o="2024" data-src="https://freight.cargo.site/t/original/i/81ff4341b739bae4abe4a6a0053b06fb5f7a19dc719e99f167ed29dad1857062/DDS-app-components.png" data-mid="246378617" border="0"  src="https://freight.cargo.site/w/1000/i/81ff4341b739bae4abe4a6a0053b06fb5f7a19dc719e99f167ed29dad1857062/DDS-app-components.png" /&#62;


	&#60;img width="1462" height="1782" width_o="1462" height_o="1782" data-src="https://freight.cargo.site/t/original/i/78dd88b158d622055269db7712c238f21805002a99f8904adc70826538dd0c67/annots.png" data-mid="246389358" border="0"  src="https://freight.cargo.site/w/1000/i/78dd88b158d622055269db7712c238f21805002a99f8904adc70826538dd0c67/annots.png" /&#62;
	&#60;img width="475" height="912" width_o="475" height_o="912" data-src="https://freight.cargo.site/t/original/i/e82281f757e13620bb9e68c558cdf004323826e50e27b7f0112d0df306620d98/apptabbar.gif" data-mid="246378615" border="0"  src="https://freight.cargo.site/w/475/i/e82281f757e13620bb9e68c558cdf004323826e50e27b7f0112d0df306620d98/apptabbar.gif" /&#62;
	&#60;img width="1764" height="1290" width_o="1764" height_o="1290" data-src="https://freight.cargo.site/t/original/i/6f5c3953cbe8ba771f4eafab40e3a2536927041ff52b8da3cff4ead3ec9a49d3/dos.png" data-mid="246389361" border="0"  src="https://freight.cargo.site/w/1000/i/6f5c3953cbe8ba771f4eafab40e3a2536927041ff52b8da3cff4ead3ec9a49d3/dos.png" /&#62;

Collaboration
Throughout the project I worked closely with:


UX designers to refine customer journeys
Product Managers to prioritise features
Engineers to ensure high-quality implementation
Design system colleagues to maintain consistency across platforms

This close collaboration allowed design decisions to move efficiently from concept through to production.

OutcomesUser testing demonstrated that the redesigned app was substantially easier to use than its predecessor.


During testing, participants were able to:


complete key journeys without instruction
recover independently from errors
locate features confidently
understand billing and account management more easily


Following launch, the app also delivered measurable commercial improvements, including:


+21% Android app rating
+38% iOS app rating
+20% contract handset growth during Black Friday 2025
+25% SIM-only growth during the same period
+£100k generated from data packs during the first month
+65% increase in add-on sales

The project demonstrated how a robust design system, combined with close collaboration between design, product and engineering, could deliver a significantly improved customer experience alongside measurable business results.Continuous optimisation


Rather than treating the design as complete after launch, we continually refined key journeys based on customer feedback, analytics and evolving business priorities. This iterative approach reduced friction, improved usability and ensured the app continued to meet both customer and commercial goals.

All images © Vodafone Three</description>
		
	</item>
		
		
	<item>
		<title>Old Mutual Wealth</title>
				
		<link>https://tomdrivercreative.cargo.site/Old-Mutual-Wealth</link>

		<pubDate>Fri, 25 Aug 2017 08:56:21 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Old-Mutual-Wealth</guid>

		<description>OLD MUTUAL WEALTHDesigning a scalable investment platform before modern design systems

RoleLead UI designer
	Duration2015-2016
	TeamCross-functional product team
	ImpactCreated reusable UI patterns and guidelines that established consistency across a large-scale enterprise platform

&#60;img width="2720" height="2720" width_o="2720" height_o="2720" data-src="https://freight.cargo.site/t/original/i/c03a7f3bc34eceb3926897d3b733d5435ed428989aa757fff6541dac2c7c7a6f/oldmutual_1.jpg" data-mid="2959938" border="0"  src="https://freight.cargo.site/w/1000/i/c03a7f3bc34eceb3926897d3b733d5435ed428989aa757fff6541dac2c7c7a6f/oldmutual_1.jpg" /&#62;

Before component libraries, design tokens and collaborative tools like Figma became the norm, many large digital products still needed the same things they need today: consistency, reusable patterns and clear documentation.


As Lead UI Designer on Old Mutual Wealth's new pensions and investments platform, I worked alongside UX designers, product owners and engineers to create a consistent interface across a large and highly complex enterprise product.


Although the tools were very different to those available today, many of the design principles I applied during this project continue to shape how I approach product design and design systems today.


&#60;img width="1260" height="2000" width_o="1260" height_o="2000" data-src="https://freight.cargo.site/t/original/i/9f3c0dfc04fffea3e4387778e9869d6a192bbbe0c1434ee00efc7ca20504515a/SKA0002_A0_wealth_client_view_accounts_v0.4.jpg" data-mid="2959994" border="0"  src="https://freight.cargo.site/w/1000/i/9f3c0dfc04fffea3e4387778e9869d6a192bbbe0c1434ee00efc7ca20504515a/SKA0002_A0_wealth_client_view_accounts_v0.4.jpg" /&#62;

My role

I led the UI design across a programme of work spanning more than a year, collaborating closely with a multidisciplinary team responsible for redesigning Old Mutual Wealth's adviser platform.


My responsibilities included:


Leading the visual design across multiple workstreams
Collaborating closely with UX designers as journeys evolved
Defining reusable interface patterns
Designing responsive layouts for desktop and tablet
Producing comprehensive UI guidelines for development teams
Maintaining consistency across the growing platform
The challenge

This wasn't a marketing website or a simple customer journey.


The platform supported financial advisers carrying out complex day-to-day tasks, including:


portfolio creation
investment research
financial reporting
user administration
managing multiple client accounts
batch processing


Each workstream introduced new interface challenges, while still needing to feel like part of a single coherent product.


	&#60;img width="1260" height="1300" width_o="1260" height_o="1300" data-src="https://freight.cargo.site/t/original/i/0924e6e67ebb9140586c450f6d9ca95c9f2014d77476be8d5547ccfb032e87f5/SKA0002_A14_02selectproducts_v0.7.jpg" data-mid="2960059" border="0"  src="https://freight.cargo.site/w/1000/i/0924e6e67ebb9140586c450f6d9ca95c9f2014d77476be8d5547ccfb032e87f5/SKA0002_A14_02selectproducts_v0.7.jpg" /&#62;&#60;img width="1260" height="1500" width_o="1260" height_o="1500" data-src="https://freight.cargo.site/t/original/i/7108cb9d370ca89a8dea71918d8d0efb87a780205e6f135f27c94969f42f48e0/SKA0002_A14_01buildportfolio_error_v0.7.jpg" data-mid="2960058" border="0"  src="https://freight.cargo.site/w/1000/i/7108cb9d370ca89a8dea71918d8d0efb87a780205e6f135f27c94969f42f48e0/SKA0002_A14_01buildportfolio_error_v0.7.jpg" /&#62;
	&#60;img width="1260" height="1600" width_o="1260" height_o="1600" data-src="https://freight.cargo.site/t/original/i/a673020f20132b2cfe19344c19e95c51465f6a5ad46ffd6cb63aa3bbf1f099a8/SKA0002_A14_04riskprofiler_v0.7.jpg" data-mid="2960060" border="0"  src="https://freight.cargo.site/w/1000/i/a673020f20132b2cfe19344c19e95c51465f6a5ad46ffd6cb63aa3bbf1f099a8/SKA0002_A14_04riskprofiler_v0.7.jpg" /&#62;
&#60;img width="1260" height="1500" width_o="1260" height_o="1500" data-src="https://freight.cargo.site/t/original/i/61b03022a38e875391f48f1ac6ad407090d67287015ef4e76f99d3161b0e1fed/SKA0002_A14_06addassets_chart_v0.9.jpg" data-mid="2960079" border="0"  src="https://freight.cargo.site/w/1000/i/61b03022a38e875391f48f1ac6ad407090d67287015ef4e76f99d3161b0e1fed/SKA0002_A14_06addassets_chart_v0.9.jpg" /&#62;

	Designing for complex workflows

One of the biggest challenges was making complicated financial processes feel understandable.


Working closely with the UX team, I translated wireframes into detailed interface designs, refining layouts and interactions as new usability challenges emerged.


This wasn't a linear hand-off from UX to UI. It was a collaborative process where visual design often highlighted opportunities to simplify interactions, clarify hierarchy and improve user understanding before development began.

That continuous dialogue between UX and UI became one of the strengths of the project.Creating reusable patterns

Although the term design system wasn't widely used at the time, we recognised the importance of consistency across such a large product.


I created reusable interface patterns covering common interactions including:


progress indicators
validation and error messaging
tables and data presentation
navigation
forms
process journeys
signposting


These patterns reduced duplication and helped ensure users encountered familiar behaviours throughout the platform.


&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/7be073502f62412a95cbe04f5a9d858055a5fa4fa46321e92822b055cad10a5c/oldmutual_3.jpg" data-mid="2959943" border="0"  src="https://freight.cargo.site/w/1000/i/7be073502f62412a95cbe04f5a9d858055a5fa4fa46321e92822b055cad10a5c/oldmutual_3.jpg" /&#62;


	&#60;img width="1260" height="900" width_o="1260" height_o="900" data-src="https://freight.cargo.site/t/original/i/1e9c498d6bcb57cd703fca76074e51c10631e294d6de38a4a4260a141b3b6b9a/SKA0002_A16_newwdrwl_confirm_v0.3.jpg" data-mid="2960276" border="0"  src="https://freight.cargo.site/w/1000/i/1e9c498d6bcb57cd703fca76074e51c10631e294d6de38a4a4260a141b3b6b9a/SKA0002_A16_newwdrwl_confirm_v0.3.jpg" /&#62;
&#60;img width="1260" height="1000" width_o="1260" height_o="1000" data-src="https://freight.cargo.site/t/original/i/f207c676493e99b9f9dcf5c8665d613eb6c92f507cb812597e4f0cab9f236ab6/SKA0002_A17_risk_confirmation_v0.2.jpg" data-mid="2960421" border="0"  src="https://freight.cargo.site/w/1000/i/f207c676493e99b9f9dcf5c8665d613eb6c92f507cb812597e4f0cab9f236ab6/SKA0002_A17_risk_confirmation_v0.2.jpg" /&#62;

	Responsive before responsive was easy

The platform needed to support both desktop and tablet users.


Rather than simply scaling layouts, we carefully reviewed interactions to determine whether they should adapt for keyboard and mouse input or touch devices.


Some interactions required complete redesigns for touch, while others simply needed adjustments to sizing and spacing.


This ensured the platform remained intuitive regardless of device.


Building the design guidelines

As the project expanded across multiple workstreams, maintaining consistency became increasingly important.


Alongside the UI design work, I authored a comprehensive design guidelines document that eventually exceeded ninety pages.


The documentation covered:


visual language
interaction behaviour
validation
tables
process flows
navigation
asset selection
interface standards


It became the primary reference for both developers implementing the platform and future design teams extending it.


In hindsight, this was effectively an early design system—created before today's dedicated tooling existed.


&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/6d88ac8b8f89226cc72466ef76f8d948f3ef86287495fdb14c2c1fd781de8f3d/oldmutual_2.jpg" data-mid="2959942" border="0"  src="https://freight.cargo.site/w/1000/i/6d88ac8b8f89226cc72466ef76f8d948f3ef86287495fdb14c2c1fd781de8f3d/oldmutual_2.jpg" /&#62;Looking back

This project was completed several years before tools such as Sketch libraries, Figma components, variables and design tokens transformed how design systems are built.


Components were created using Photoshop Smart Objects, and the guidelines were produced in Adobe InDesign as a structured PDF.


The technology has evolved considerably since then, but the underlying principles have remained the same: designing reusable patterns, documenting behaviour, collaborating closely with engineering and creating consistent user experiences at scale.


Looking back, this project marked an important step in my own journey towards specialising in design systems—a direction that would later define much of my work at Three UK.


</description>
		
	</item>
		
		
	<item>
		<title>Capita Synaptic</title>
				
		<link>https://tomdrivercreative.cargo.site/Capita-Synaptic</link>

		<pubDate>Fri, 25 Aug 2017 09:00:13 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Capita-Synaptic</guid>

		<description>&#60;img width="2000" height="1332" width_o="2000" height_o="1332" data-src="https://freight.cargo.site/t/original/i/452140c407bdc8f8331e9aabd4872cfbf6e935579aff4da2d9de538ed3a74b47/capita_1.jpg" data-mid="2955454" border="0"  src="https://freight.cargo.site/w/1000/i/452140c407bdc8f8331e9aabd4872cfbf6e935579aff4da2d9de538ed3a74b47/capita_1.jpg" /&#62;

CAPITA SYNAPTIC – PENSION PLANNING PLATFORMCreating a scalable UI framework for complex financial products
RoleLead UI designer
	Duration1 year
	TeamUI/UX
	ImpactClarity, consistency &#38;amp; usability


Capita Synaptic engaged us to create a unified UI framework for a suite of pension planning tools used by financial advisers. Working as Creative Lead alongside the UX team, I translated wireframes into a consistent visual language that could scale across multiple products while making complex financial information easier to understand and navigate.

The challenge was to create a responsive interface capable of supporting everything from standard laptops to large HD displays, where advisers often work with extensive data tables, charts and detailed pension information. At the same time, the interface needed to remain approachable, accessible and visually consistent across a growing portfolio of products.

	&#60;img width="1260" height="2800" width_o="1260" height_o="2800" data-src="https://freight.cargo.site/t/original/i/c19eb22193946789ae895ac483587d4058819becc244b89a638c5b04e8b67976/CA_004_UI_LANDING-RECENTACTIVITY_v0.3.png" data-mid="2959118" border="0"  src="https://freight.cargo.site/w/1000/i/c19eb22193946789ae895ac483587d4058819becc244b89a638c5b04e8b67976/CA_004_UI_LANDING-RECENTACTIVITY_v0.3.png" /&#62;
	&#60;img width="1260" height="2700" width_o="1260" height_o="2700" data-src="https://freight.cargo.site/t/original/i/151af183a5af329caf0119b2d5adfe7d3f254ea65ed4a6d70da9c045d5f14cd2/CA_004_UI_FUNDSAVAIL_CLIENT_v0.1.png" data-mid="2959115" border="0"  src="https://freight.cargo.site/w/1000/i/151af183a5af329caf0119b2d5adfe7d3f254ea65ed4a6d70da9c045d5f14cd2/CA_004_UI_FUNDSAVAIL_CLIENT_v0.1.png" /&#62;

&#38;nbsp;&#60;img width="1260" height="1200" width_o="1260" height_o="1200" data-src="https://freight.cargo.site/t/original/i/de61b8603b3c3e0a76e8f28ad41dfe5e18b74f01477f911f7c24b9e8b3f533ee/CA_004_UI_IMPORT-FILTERS-OVERLAY1_v0.1.png" data-mid="2959116" border="0"  src="https://freight.cargo.site/w/1000/i/de61b8603b3c3e0a76e8f28ad41dfe5e18b74f01477f911f7c24b9e8b3f533ee/CA_004_UI_IMPORT-FILTERS-OVERLAY1_v0.1.png" /&#62;
&#60;img width="1260" height="1200" width_o="1260" height_o="1200" data-src="https://freight.cargo.site/t/original/i/07be058d298246793a7fb578de3722f9e3c78ccb0c110bcaf3f7c2a2c71c3e0d/CA_004_UI_IMPORT-FILTERS-OVERLAY2_v0.2.png" data-mid="2959117" border="0"  src="https://freight.cargo.site/w/1000/i/07be058d298246793a7fb578de3722f9e3c78ccb0c110bcaf3f7c2a2c71c3e0d/CA_004_UI_IMPORT-FILTERS-OVERLAY2_v0.2.png" /&#62;


My role

Led the visual and interaction design across the product suite.
Worked closely with UX designers to develop interfaces from wireframes through to production-ready designs.
Defined a scalable visual language and reusable UI patterns.
Created the UI style guide and component library to ensure consistency across products.
Collaborated with stakeholders throughout the design process to balance usability, business requirements and technical constraints.


&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/0013c2f91f01c3e33652f3bdcc53c86af8c3eead3a24b79fd0b5c8bc00e7ea6d/capita_2.jpg" data-mid="2956148" border="0"  src="https://freight.cargo.site/w/1000/i/0013c2f91f01c3e33652f3bdcc53c86af8c3eead3a24b79fd0b5c8bc00e7ea6d/capita_2.jpg" /&#62;

&#60;img width="1260" height="3000" width_o="1260" height_o="3000" data-src="https://freight.cargo.site/t/original/i/936702d3d0d670cfb1af9d62be73a7c4a35c08d414100473b9eb81a738dfc2b1/CA_004_UI_RESEARCH-FILTERING_v0.6.png" data-mid="2959171" border="0"  src="https://freight.cargo.site/w/1000/i/936702d3d0d670cfb1af9d62be73a7c4a35c08d414100473b9eb81a738dfc2b1/CA_004_UI_RESEARCH-FILTERING_v0.6.png" /&#62;Design approachRather than treating each pension tool as a separate project, I established a shared design language that could support multiple workflows while remaining flexible enough for different user needs.

A carefully structured colour system communicated hierarchy, status and validation throughout the applications. Information architecture, typography and spacing were designed to improve readability when presenting large volumes of financial data, while interaction patterns remained consistent regardless of the product being used.

The responsive framework also introduced layouts optimised for wider desktop displays, giving advisers more space to compare data, review pension performance and complete complex tasks efficiently.


	&#60;img width="1260" height="1100" width_o="1260" height_o="1100" data-src="https://freight.cargo.site/t/original/i/d383103dbe0107b93b3912b4deea17968d208878a3ef593111b89f9920cb64f6/SS_006_ROBO_HOME_v0.7.png" data-mid="2959218" border="0"  src="https://freight.cargo.site/w/1000/i/d383103dbe0107b93b3912b4deea17968d208878a3ef593111b89f9920cb64f6/SS_006_ROBO_HOME_v0.7.png" /&#62;
&#60;img width="1260" height="1400" width_o="1260" height_o="1400" data-src="https://freight.cargo.site/t/original/i/2a5e6b2ce93b52a0d7aa547ce7fc6e08a4f71cb5e3bdf9924040a4f54b2b8790/SS_006_ROBO_02INCOME_v0.1.png" data-mid="2959215" border="0"  src="https://freight.cargo.site/w/1000/i/2a5e6b2ce93b52a0d7aa547ce7fc6e08a4f71cb5e3bdf9924040a4f54b2b8790/SS_006_ROBO_02INCOME_v0.1.png" /&#62;

	&#60;img width="1260" height="2300" width_o="1260" height_o="2300" data-src="https://freight.cargo.site/t/original/i/a2ec491c49d52ce3b96ac2812521bc3f38ff98f1a9b5a7802a2d39203a8e5d35/SS_006_ROBO_04ISITRIGHT_v0.1.png" data-mid="2959217" border="0"  src="https://freight.cargo.site/w/1000/i/a2ec491c49d52ce3b96ac2812521bc3f38ff98f1a9b5a7802a2d39203a8e5d35/SS_006_ROBO_04ISITRIGHT_v0.1.png" /&#62;
	&#60;img width="1260" height="3200" width_o="1260" height_o="3200" data-src="https://freight.cargo.site/t/original/i/29ed84df9c513d6cb1c289c0719d0b510caf170bbdc57117ff430dae7f9d60f3/SS_006_ROBO_03OPTIONS_v0.2.png" data-mid="2959216" border="0"  src="https://freight.cargo.site/w/1000/i/29ed84df9c513d6cb1c289c0719d0b510caf170bbdc57117ff430dae7f9d60f3/SS_006_ROBO_03OPTIONS_v0.2.png" /&#62;


OutcomeThe result was a cohesive design system that brought consistency across Capita Synaptic's pension planning products, improving usability for advisers while giving development teams a reusable set of interface patterns that could be applied across future products.

The project also reinforced many of the principles that continue to underpin my work today: scalable design systems, interaction design, accessibility, collaboration with UX and engineering, and creating interfaces that simplify complex information without sacrificing functionality.


	&#60;img width="1260" height="2600" width_o="1260" height_o="2600" data-src="https://freight.cargo.site/t/original/i/733d6735a6b29db54c8cd6fbf67d88fbb33b267daed7a9bd5cdfae7892bd5539/SS_001_UI_MODELLER_RESULTS_v0.1.png" data-mid="2959300" border="0"  src="https://freight.cargo.site/w/1000/i/733d6735a6b29db54c8cd6fbf67d88fbb33b267daed7a9bd5cdfae7892bd5539/SS_001_UI_MODELLER_RESULTS_v0.1.png" /&#62;
	&#60;img width="1260" height="2600" width_o="1260" height_o="2600" data-src="https://freight.cargo.site/t/original/i/8626ce447af7ae7e9009e8a28d4904636a575c81d36afd5146c78aef2f3a68a4/SS_001_UI_MODELLER_RESULTS_VIEWB_v0.1.png" data-mid="2959301" border="0"  src="https://freight.cargo.site/w/1000/i/8626ce447af7ae7e9009e8a28d4904636a575c81d36afd5146c78aef2f3a68a4/SS_001_UI_MODELLER_RESULTS_VIEWB_v0.1.png" /&#62;

&#60;img width="1260" height="5000" width_o="1260" height_o="5000" data-src="https://freight.cargo.site/t/original/i/72ee3ca2e56d6e2fd19f5e85b2a89fd64f1aadbb767d6a822512ef55b220b024/CA_004_UI_CHEATSHEET_v0.4.png" data-mid="2959375" border="0"  src="https://freight.cargo.site/w/1000/i/72ee3ca2e56d6e2fd19f5e85b2a89fd64f1aadbb767d6a822512ef55b220b024/CA_004_UI_CHEATSHEET_v0.4.png" /&#62;</description>
		
	</item>
		
		
	<item>
		<title>UCAS</title>
				
		<link>https://tomdrivercreative.cargo.site/UCAS</link>

		<pubDate>Tue, 14 Jan 2014 21:46:39 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/UCAS</guid>

		<description>UCAS – REDESIGNING A DIGITAL SERVICE FOR MILLIONS OF STUDENTSCreating a responsive experience for one of the UK's most recognised education platforms
RoleLead UI designer
	Duration6 months
	TeamUI/UX team
	RequirementsMobile first 
Responsive 
Modular
&#60;img width="1888" height="1773" width_o="1888" height_o="1773" data-src="https://freight.cargo.site/t/original/i/a1574a933008374b43f68653d0d2d8f5c85155181a0bd3e0fa4d9092cb925831/ucas_hero_o.jpg" data-mid="2778674" border="0"  src="https://freight.cargo.site/w/1000/i/a1574a933008374b43f68653d0d2d8f5c85155181a0bd3e0fa4d9092cb925831/ucas_hero_o.jpg" /&#62;


As Creative Lead for the UI phase of the UCAS website redesign, I transformed UX wireframes into a responsive interface that balanced a bold new visual identity with the needs of students navigating one of the most important decisions of their education.

Working alongside UX designers, I developed the interface across a wide range of page templates using a mobile-first approach, ensuring the experience remained intuitive and consistent across phones, tablets and desktop devices.


&#60;img width="942" height="908" width_o="942" height_o="908" data-src="https://freight.cargo.site/t/original/i/6f9c5240458abee38a464d41e37129b8c9b022b8f1f378c0d5bbb900a7b42ce2/ucas_d1_o.jpg" data-mid="2778670" border="0"  src="https://freight.cargo.site/w/942/i/6f9c5240458abee38a464d41e37129b8c9b022b8f1f378c0d5bbb900a7b42ce2/ucas_d1_o.jpg" /&#62;My role
Led the visual and interaction design from wireframes through to final UI.Worked closely with UX designers to refine user journeys and interface behaviour.Created responsive page templates within a Drupal-based design framework.Established a consistent visual language across a flexible component hierarchy.Collaborated with stakeholders to align branding, usability and technical requirements.
&#60;img width="942" height="1000" width_o="942" height_o="1000" data-src="https://freight.cargo.site/t/original/i/eadf693192012fb9d73bbee9cdc2ccf94ec5af28fe219eace13b9a7f6eddbb9d/ucas_d2_o.jpg" data-mid="2778671" border="0"  src="https://freight.cargo.site/w/942/i/eadf693192012fb9d73bbee9cdc2ccf94ec5af28fe219eace13b9a7f6eddbb9d/ucas_d2_o.jpg" /&#62;
Design challengeThe project sat at the intersection of several competing demands. UCAS's branding agency was simultaneously evolving the organisation's offline identity, while the website needed to support complex information architecture, diverse content types and a predominantly student audience with very different devices and browsing habits.

The challenge was to create an interface that felt modern and engaging without sacrificing clarity or usability. Every design decision needed to reinforce consistency across hundreds of pages while giving content editors the flexibility to build a wide variety of layouts within Drupal.


&#60;img width="1439" height="1452" width_o="1439" height_o="1452" data-src="https://freight.cargo.site/t/original/i/b8e0fa724fc072135fb15853e3ee686630b7db9f56ae6cb314a6b4212b3aab1b/ucas_responsive_o.jpg" data-mid="2778672" border="0"  src="https://freight.cargo.site/w/1000/i/b8e0fa724fc072135fb15853e3ee686630b7db9f56ae6cb314a6b4212b3aab1b/ucas_responsive_o.jpg" /&#62;&#60;img width="942" height="679" width_o="942" height_o="679" data-src="https://freight.cargo.site/t/original/i/dcae835aa05630b8022bda2cc096a2b7ce5aa1950c9d65ee34f4aac9e45f0ec4/ucas_m1_o.jpg" data-mid="2778673" border="0"  src="https://freight.cargo.site/w/942/i/dcae835aa05630b8022bda2cc096a2b7ce5aa1950c9d65ee34f4aac9e45f0ec4/ucas_m1_o.jpg" /&#62;
OutcomeThe result was a responsive design framework that successfully combined a new visual identity with clear, user-focused interaction design. By creating reusable templates and a consistent visual language, the project delivered a cohesive experience that supported complex content while remaining approachable for students across multiple devices.

The project strengthened my experience designing large-scale public-facing digital services, translating UX into polished interfaces and creating scalable design foundations that balanced user needs, business objectives and technical constraints.
</description>
		
	</item>
		
		
	<item>
		<title>The Man Booker Prizes</title>
				
		<link>https://tomdrivercreative.cargo.site/The-Man-Booker-Prizes</link>

		<pubDate>Tue, 14 Jan 2014 21:54:48 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/The-Man-Booker-Prizes</guid>

		<description>&#60;img width="1766" height="1338" width_o="1766" height_o="1338" data-src="https://freight.cargo.site/t/original/i/ae8e883b8237fe2ff7e72c4fce79ebeb65c422cb4a1c335283e2468d441086de/mbp_hero_6_o.jpg" data-mid="2778693" border="0"  src="https://freight.cargo.site/w/1000/i/ae8e883b8237fe2ff7e72c4fce79ebeb65c422cb4a1c335283e2468d441086de/mbp_hero_6_o.jpg" /&#62;THE MAN BOOKER PRIZES

The brief was to create, using established branding, a new website that would integrate a large archive database system containing information on books, authors and prize winners.

I worked as the creative lead on this new business project, closely with the account director and development team.

We were asked to consider ‘responsive design’ in our creative, so I worked the designs into three sizes: a standard 960px grid for desktop screens, as well as a tablet and smartphone format, where the site will detect screen size and reformat the grid to suit the device.

These concepts took 10 days and the pitch was a success. I then subsequently created the new website UI and UX which went live in 2012.

&#60;img width="918" height="1435" width_o="918" height_o="1435" data-src="https://freight.cargo.site/t/original/i/3e28ce71b7e75bfc8221c9c67f5170a65f2957ca7b52fe0750e1bf9bfa4cd8e3/mbp_1_o.jpg" data-mid="2778687" border="0"  src="https://freight.cargo.site/w/918/i/3e28ce71b7e75bfc8221c9c67f5170a65f2957ca7b52fe0750e1bf9bfa4cd8e3/mbp_1_o.jpg" /&#62;&#60;img width="768" height="589" width_o="768" height_o="589" data-src="https://freight.cargo.site/t/original/i/d663bf5e94c85bf75ac2e9cf75e116801695f38dfe2f0d6987f3991f5a82b6c5/mbp_2_o.jpg" data-mid="2778689" border="0"  src="https://freight.cargo.site/w/768/i/d663bf5e94c85bf75ac2e9cf75e116801695f38dfe2f0d6987f3991f5a82b6c5/mbp_2_o.jpg" /&#62;&#60;img width="703" height="538" width_o="703" height_o="538" data-src="https://freight.cargo.site/t/original/i/4e36b60859a43c2c6bedc5991be351b856640a7029b9d7d319f8b7a10982bab7/mbp_3_o.jpg" data-mid="2778690" border="0"  src="https://freight.cargo.site/w/703/i/4e36b60859a43c2c6bedc5991be351b856640a7029b9d7d319f8b7a10982bab7/mbp_3_o.jpg" /&#62;&#60;img width="1062" height="538" width_o="1062" height_o="538" data-src="https://freight.cargo.site/t/original/i/38273f31e6511e1bc89c4b7479c6473cb9b5dfeac8a45febd789e13802f703f5/mbp_4_o.jpg" data-mid="2778691" border="0"  src="https://freight.cargo.site/w/1000/i/38273f31e6511e1bc89c4b7479c6473cb9b5dfeac8a45febd789e13802f703f5/mbp_4_o.jpg" /&#62;&#60;img width="1062" height="538" width_o="1062" height_o="538" data-src="https://freight.cargo.site/t/original/i/bccef6176a8cd969bb66afdb2408a263beaf2a7807869e220ea8a7a4dc4000df/mbp_5_o.jpg" data-mid="2778692" border="0"  src="https://freight.cargo.site/w/1000/i/bccef6176a8cd969bb66afdb2408a263beaf2a7807869e220ea8a7a4dc4000df/mbp_5_o.jpg" /&#62;</description>
		
	</item>
		
		
	<item>
		<title>Saint-Gobain</title>
				
		<link>https://tomdrivercreative.cargo.site/Saint-Gobain</link>

		<pubDate>Fri, 30 May 2014 09:28:08 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Saint-Gobain</guid>

		<description>&#60;img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/dc3336ce3bb727bad440964355195d44431cb990c2c6d5a18425530ea2ab5778/stg_hero3_o.jpg" data-mid="2778681" border="0"  src="https://freight.cargo.site/w/1000/i/dc3336ce3bb727bad440964355195d44431cb990c2c6d5a18425530ea2ab5778/stg_hero3_o.jpg" /&#62;
SAINT-GOBAIN
Our brief was to create an iPad app that would be used by visitors to the client's Innovation Centre in London – a showroom for the latest in building technology solutions.

Each visitor would be given an iPad on arrival: to be able to check-in and then explore the products on display. We built two routes – one via a map interface with the objects indicated in a 2D space – and the second via the iPad camera, using augmented reality floating captions, triggered by AR codes displayed near the objects in the centre.

The user was able to indicate which products they were interested in, which on check-out enabled the client to build a database of contacts, who they could then send further information to. Each different 'chapter' to the user journey, from check-in, to exploring, to 'check-out' was designed with colour coding in the UI, so it appeared very clear as to where the user is at any time.

I was the creative lead on this project with the UI design, and also involved heavily in the UX user journey thinking and wire framing. The app was launched on iPad minis in the centre in early 2014.

&#60;img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/fd479a6f296c288a4effdac7970995668780e036971132b1d3ed6d3b95eefcfc/stg_hero_o.jpg" data-mid="2778678" border="0"  src="https://freight.cargo.site/w/1000/i/fd479a6f296c288a4effdac7970995668780e036971132b1d3ed6d3b95eefcfc/stg_hero_o.jpg" /&#62;&#60;img width="1457" height="910" width_o="1457" height_o="910" data-src="https://freight.cargo.site/t/original/i/6a1d602854604d971ea0d2bd163dd38cda3f77b628c0360eaeed9a0f75841d18/stg_ux_o.jpg" data-mid="2778680" border="0"  src="https://freight.cargo.site/w/1000/i/6a1d602854604d971ea0d2bd163dd38cda3f77b628c0360eaeed9a0f75841d18/stg_ux_o.jpg" /&#62;&#60;img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/46e18ae26708acc85c6c17c9e28e61004d545d3b8f2fd07869ebd4f5b011badb/stg_green_o.jpg" data-mid="2778677" border="0"  src="https://freight.cargo.site/w/1000/i/46e18ae26708acc85c6c17c9e28e61004d545d3b8f2fd07869ebd4f5b011badb/stg_green_o.jpg" /&#62;&#60;img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/336bf0b5b7c2ff9ee2ced11a4962c9be30da613fd458c65e91a5782704bcdde5/stg_red_o.jpg" data-mid="2778676" border="0"  src="https://freight.cargo.site/w/1000/i/336bf0b5b7c2ff9ee2ced11a4962c9be30da613fd458c65e91a5782704bcdde5/stg_red_o.jpg" /&#62;</description>
		
	</item>
		
		
	<item>
		<title>Discovery Education</title>
				
		<link>https://tomdrivercreative.cargo.site/Discovery-Education</link>

		<pubDate>Fri, 25 Aug 2017 08:59:04 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/Discovery-Education</guid>

		<description>Product redesign for Espresso

DISCOVERY EDUCATION

	
&#60;img width="2000" height="1195" width_o="2000" height_o="1195" data-src="https://freight.cargo.site/t/original/i/c0ebe25b5961ab32394811f60f6a216f160d3672633543765ac3c4df538d3b5e/espresso_2.jpg" data-mid="2953077" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c0ebe25b5961ab32394811f60f6a216f160d3672633543765ac3c4df538d3b5e/espresso_2.jpg" /&#62;
Discovery Education hired me through the summer/autumn of 2016 to join the Sprint team on a complete overhaul of the UX/UI of their primary schools education product, Espresso. As the lead creative, I was working closely with the lead UX designer, UX researcher, and the head of the development team as we progressed UX into UI, and eventually into development. As a joint UI/UX team, we had to come up with component-based solutions, test UX and UI variations, and get them approved from several different in-house stakeholder teams, before we could brief them into the developers.


Responsive and versatile

The Espresso site needed to be very versatile: the landing pages at each stage required several template varations for teaser content. So we came up with a modular card-based system that would work seamlessly from mobile to tablet, desktop, and HD size (to accommodate classroom whiteboard projection).Cards would be scheduled through the CMS to serve up specific content from the teaching curriculum, or event-style content for a certain time period.Different card layouts were available to the site editors, and the ability to use a scene-setting background image/video. This was all in line with Discovery Education’s marketing: ‘Make Your World Bigger’.
&#60;img width="1280" height="1365" width_o="1280" height_o="1365" data-src="https://freight.cargo.site/t/original/i/99ba168cdcbef19f280fdb472daab8cb460fe6b9cac03644925b4f0a06d25ffc/espresso_3.jpg" data-mid="2953263" border="0"  src="https://freight.cargo.site/w/1000/i/99ba168cdcbef19f280fdb472daab8cb460fe6b9cac03644925b4f0a06d25ffc/espresso_3.jpg" /&#62;
 
	&#60;img width="1200" height="3200" width_o="1200" height_o="3200" data-src="https://freight.cargo.site/t/original/i/38d3ea06ef7f628f9081ad1656d3f6920851e6b180072488755e941f946b23dd/ESPR_K_1200px_HOME_JUMBO_v0.6.png" data-mid="2953146" border="0"  src="https://freight.cargo.site/w/1000/i/38d3ea06ef7f628f9081ad1656d3f6920851e6b180072488755e941f946b23dd/ESPR_K_1200px_HOME_JUMBO_v0.6.png" /&#62;


&#60;img width="2000" height="1600" width_o="2000" height_o="1600" data-src="https://freight.cargo.site/t/original/i/4d7162cdcc0d1fdb95301ad0b791083dc3e2be4a04a481de87f2217d882c487b/espresso_1.jpg" data-mid="2953426" border="0"  src="https://freight.cargo.site/w/1000/i/4d7162cdcc0d1fdb95301ad0b791083dc3e2be4a04a481de87f2217d882c487b/espresso_1.jpg" /&#62;User-focused clarity
The UI was constantly tested to check clarity and legibility in the classroom setting using whiteboard projection. Helped by our user research, we came up with an innovative set of coloured shapes within a mega-menu dropdown, to help young children navigate the site while they’re still learning to read.


	&#60;img width="1200" height="5000" width_o="1200" height_o="5000" data-src="https://freight.cargo.site/t/original/i/599f973d2a38febc26aac10602336970c12879d05b82696a8cc28a259e034995/ESPR_K_1200px_VZONE_v0.6.png" data-mid="2953410" border="0"  src="https://freight.cargo.site/w/1000/i/599f973d2a38febc26aac10602336970c12879d05b82696a8cc28a259e034995/ESPR_K_1200px_VZONE_v0.6.png" /&#62;


	&#60;img width="1200" height="1800" width_o="1200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/4ad97a91ac1518512f794fd6667ab26ce2929e2e7aabe40fe4345146d4367b89/ESPR_K_1200px_VZONE_VID_v0.1.png" data-mid="2953412" border="0"  src="https://freight.cargo.site/w/1000/i/4ad97a91ac1518512f794fd6667ab26ce2929e2e7aabe40fe4345146d4367b89/ESPR_K_1200px_VZONE_VID_v0.1.png" /&#62;
&#60;img width="1200" height="1800" width_o="1200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/4ad97a91ac1518512f794fd6667ab26ce2929e2e7aabe40fe4345146d4367b89/ESPR_K_1200px_VZONE_VID_v0.1.png" data-mid="2953412" border="0"  src="https://freight.cargo.site/w/1000/i/4ad97a91ac1518512f794fd6667ab26ce2929e2e7aabe40fe4345146d4367b89/ESPR_K_1200px_VZONE_VID_v0.1.png" /&#62;

	&#60;img width="1200" height="1600" width_o="1200" height_o="1600" data-src="https://freight.cargo.site/t/original/i/778151977ecd70e7abcd271abcbb1286ac75a8354cd3d409b5de7ff7f87a1d96/ESPR_K_1200px_VIDEOMODULE_LINKS_v0.3.png" data-mid="2953453" border="0"  src="https://freight.cargo.site/w/1000/i/778151977ecd70e7abcd271abcbb1286ac75a8354cd3d409b5de7ff7f87a1d96/ESPR_K_1200px_VIDEOMODULE_LINKS_v0.3.png" /&#62;&#60;img width="1200" height="1600" width_o="1200" height_o="1600" data-src="https://freight.cargo.site/t/original/i/8352a7c66627d93fc7ca2fd755c3e28dafe2a0a9b6d69df8187dd97b22d99072/ESPR_K_1200px_VIDEOMODULE_USE_v0.3.png" data-mid="2953454" border="0"  src="https://freight.cargo.site/w/1000/i/8352a7c66627d93fc7ca2fd755c3e28dafe2a0a9b6d69df8187dd97b22d99072/ESPR_K_1200px_VIDEOMODULE_USE_v0.3.png" /&#62;


Presenting video contentA large part of the new Espresso site was a channel full of bite-size educational video content, straight from the Discovery Education stable. We were tasked with creating a full video channel experience, using our card-based UI to interlink content by curated selection or by content theme. Videos would also appear within educational modules outside this area of the site, so the visual language of the UI cards, and how they interlink, was crucial to making this a seamless experience for the user.


	&#60;img width="1200" height="2600" width_o="1200" height_o="2600" data-src="https://freight.cargo.site/t/original/i/42df0556bdc47262f4d44a42b6f7c00ff1f4138d1d5470329a517350e5a1b36a/ESPR_K_1200px_NEWS_v0.7.png" data-mid="2953972" border="0"  src="https://freight.cargo.site/w/1000/i/42df0556bdc47262f4d44a42b6f7c00ff1f4138d1d5470329a517350e5a1b36a/ESPR_K_1200px_NEWS_v0.7.png" /&#62;
	&#60;img width="1200" height="2000" width_o="1200" height_o="2000" data-src="https://freight.cargo.site/t/original/i/1b468a89701a31741de41339390f790090adf83d9a6590fdf03f08c7aa6f510b/ESPR_K_1200px_NEWS_BITES_v0.1.png" data-mid="2953971" border="0"  src="https://freight.cargo.site/w/1000/i/1b468a89701a31741de41339390f790090adf83d9a6590fdf03f08c7aa6f510b/ESPR_K_1200px_NEWS_BITES_v0.1.png" /&#62;

Reporting the weekly newsAnother important section of the site was the weekly news, which was curated to different age groups. Our UI card system was versatile enough that we could use scene-setting background imagery, and tease up landing page content in an appealing way.All images © Discovery Education Europe Ltd
</description>
		
	</item>
		
		
	<item>
		<title>2011 Census</title>
				
		<link>https://tomdrivercreative.cargo.site/2011-Census</link>

		<pubDate>Tue, 14 Jan 2014 21:55:16 +0000</pubDate>

		<dc:creator>Tom Driver Creative</dc:creator>

		<guid isPermaLink="true">https://tomdrivercreative.cargo.site/2011-Census</guid>

		<description>&#60;img width="2500" height="2000" width_o="2500" height_o="2000" data-src="https://freight.cargo.site/t/original/i/d0f1a48ecab4ff357f2c6fa24fcb5c97349f850df05e05f7589a74f5f6625fea/census_hero_o.jpg" data-mid="2778706" border="0"  src="https://freight.cargo.site/w/1000/i/d0f1a48ecab4ff357f2c6fa24fcb5c97349f850df05e05f7589a74f5f6625fea/census_hero_o.jpg" /&#62;
2011 CENSUS
The project ran for 18 months, starting with wireframing and continuing through to user interface creative and briefing that into the developers. 

I worked as the creative lead on this project, closely with the account director, development team and externally with the client at the Office of National Statistics.

During the project many pages and new website areas were created, culminating in call-to-action work to steer the user towards online census completion.

I also art directed an animation on the history of the Census and worked closely with the animation designer.

Throughout the project I was also involved in transferring the brand across other online areas including an extranet, a twitter feed and a youtube channel.

&#60;img width="873" height="949" width_o="873" height_o="949" data-src="https://freight.cargo.site/t/original/i/9de57dbe6d1209c661f9946577a006366b67799dc5dd3d48636ce943ff4eeae9/census_1_o.jpg" data-mid="2778701" border="0"  src="https://freight.cargo.site/w/873/i/9de57dbe6d1209c661f9946577a006366b67799dc5dd3d48636ce943ff4eeae9/census_1_o.jpg" /&#62;&#60;img width="942" height="333" width_o="942" height_o="333" data-src="https://freight.cargo.site/t/original/i/1bddbd2771e7b89125bf90dde1808754bebf584d0f69238250b173ae17dd1648/census_3_o.jpg" data-mid="2778703" border="0"  src="https://freight.cargo.site/w/942/i/1bddbd2771e7b89125bf90dde1808754bebf584d0f69238250b173ae17dd1648/census_3_o.jpg" /&#62;&#60;img width="942" height="502" width_o="942" height_o="502" data-src="https://freight.cargo.site/t/original/i/063daf1b34ddf7a51c55dbe923291b951e376e7ad84c52d0ebf2fa7d7a05f817/census_2_o.jpg" data-mid="2778702" border="0"  src="https://freight.cargo.site/w/942/i/063daf1b34ddf7a51c55dbe923291b951e376e7ad84c52d0ebf2fa7d7a05f817/census_2_o.jpg" /&#62;&#60;img width="1062" height="486" width_o="1062" height_o="486" data-src="https://freight.cargo.site/t/original/i/d3786d64e9046a89f42d9ff50d894605d49299f3298a57995701f2009385cbfb/census_4_o.jpg" data-mid="2778704" border="0"  src="https://freight.cargo.site/w/1000/i/d3786d64e9046a89f42d9ff50d894605d49299f3298a57995701f2009385cbfb/census_4_o.jpg" /&#62;&#60;img width="1062" height="505" width_o="1062" height_o="505" data-src="https://freight.cargo.site/t/original/i/7069dc95b9db16c6ae566e36534a6a9064a36dcd38c358f29548b54185362b94/census_5_o.jpg" data-mid="2778705" border="0"  src="https://freight.cargo.site/w/1000/i/7069dc95b9db16c6ae566e36534a6a9064a36dcd38c358f29548b54185362b94/census_5_o.jpg" /&#62;

</description>
		
	</item>
		
	</channel>
</rss>