How I Created A Prototype For T-Mobile To Gather Valuable Lessons — A Case Study

Sander Crombach
Aug 21, 2017 · 6 min read
The actual prototype we can test with
The product — The ‘T-Mobile Thuis’ router to receive internet + television at home

STEP 1

Understand the product and the market

The first step is getting to know the product and the market it is in. The guys from T-Mobile Thuis did a great job in explaining everything to me. The market, the new product, the existing webshop. You need to know what you’re dealing with in order to create a prototype you can actually gather valuable lessons with.

Flowchart I made of their already existing webshop

STEP 2

Develop new ideas you want to test

The big question is of course which features this prototype should have you want test results from? Which features in the current webshop could be improved and perhaps could be eliminated or added? It’s time to develop some ideas to optimise the new flow to base your prototype on.

Example of how the menu in this prototype works
Example of how big visuals and animated gifs are integrated into this prototype
Example of how one of the gif animations would look like

STEP 3

Designing the prototype

With all these ideas in mind, it’s time to make the puzzle. To design a new modular grid system that fits all of the ideas and to design the screens so they can be used to make the prototype.

Designing the modular grid system
Designing the screens
Printing the flow and drawing on it helps improving your prototype
Sketch file in which I designed the entire flow with all the different options
Invision tool with which I created the prototype

STEP 4

Test and learn

You’ve now created a prototype you can test. Gather persons who represent your target audience and invite them to use your prototype. Watch them closely how they use and react to it.


Sander Crombach

Freelance Senior UX / Product Designer & Digital Strategist, with a passion for photography 👉 www.sandercromba.ch

Sander Crombach

Written by

Freelance Senior UX / UI & Product Designer, UX Researcher and Digital Strategist 👉 www.sandercromba.ch

Sander Crombach

Freelance Senior UX / Product Designer & Digital Strategist, with a passion for photography 👉 www.sandercromba.ch