The TPO Social Media Platform

The project

TPO social network was set up by Wikipedia founder Jimmy Wales as a platform for charities and/or people to raise awareness for good causes. I was hired to lead the UX and creative direction for the platform and worked alongside a team of agile developers and marketers as well as Jimmy himself.

Research & discovery

I kicked off with extensive user research to boost my understanding and enable me to design an engaging environment where the users would feel comfortable to create content and raise awareness. I spent time speaking with charities and end users to shape the UI and UX and regularly pitched these ideas to Jimmy and the wider team of CEOs, co-founders and management as well as the development team.

Research

User flows & prototypes

It was imperative that my designs and concepts were future proofed since the development team I was working with worked in an agile manner. I needed to break down my work into bite-sized chunks that would allow the most fluent development process. I would regularly present user flow walkthroughs and interactive wireframes to showcase the ideas. Every aspect of the user functionality was built firstly as a wireframe prototype before being built as an html version by the team.

User flow

User flow

Wireframe prototype

Wireframe prototype

Design

The requirement for the design was a “less is more” approach, especially given the charities & causes where what needed to stand out not the UI. The designs were tested by focus groups regularly and were refined as a result.  I wanted to inject a sense of fun into the design hence the iconography and colorways used.

 

UI designs

UI designs

Mobile design

UI designs

Launch and process

We launched the site in various stages from private to open beta then phased launches culminating in the global launch.

Throughout the project lifecycle we worked on several iterations, for example we may have found an easier way for users to sign up or a blocker for a certain type of user on a mobile. The team worked very closely so that we were able to constantly review and change.

community.tpo.com


My role included

Wireframing
Prototyping
User research
User testing
Tablet/Mobile UX/UI
Web Design
Creative Direction
Visual Design

 

UI designs

 


“I worked closely with Sam on the TPO.com social network. Sam is a first class designer, without a question, but he’s more than that – he really gets the overall “big picture” of user engagement, user experience, and how that interfaces with business strategy. 10/10!”

Jimmy Wales
You know, the Wikipedia and Wikia guy