![](https://static.wixstatic.com/media/3021bd_2d5fdef661ca4dc5a1018eb45de02ba4~mv2.jpg/v1/fill/w_1920,h_1090,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/3021bd_2d5fdef661ca4dc5a1018eb45de02ba4~mv2.jpg)
PUREPROFILE
SELF-SERVICE AUDIENCE BUILDER
I joined Pureprofile as Lead UX Designer. Working very closely with the Product team I would work on the experience strategy: what we were doing, why we were doing it, whom we're doing it for and how we would do it.
Heading up my design team while also forming and leading a larger design tribe across other areas of the business everything that launched for B2B and B2C would need my attention.
​
My holistic approach is tricky to frame in a portfolio piece so I have chosen a recent important B2B initiative as a case study that hopefully will convey my approach to experience design and problem-solving.
To comply with my non-disclosure agreement, I have omitted and obfuscated confidential information in these case studies. The information in this case study is my own and does not necessarily reflect the views of Pureprofile.
Self-service
As part of our ongoing strategy, we defined self-service as a key pillar in our approach.
​
We were very much a managed service, where our clients required a dedicated project manager to help them define an audience and launch a campaign. With self-service as our north star we defined a brand new, easy-to-use and intuitive Audience Builder as a key deliverable.
​
I defined our target audience as very experienced survey and data professionals who understand the complexities through to anyone who may want to conduct any kind of research with real humans.
Understand the problem
One of the first things I try to do is understand the problem we are trying to solve. There are a few techniques to do this but all involve good old fashioned research and asking questions.
You need to research who your users are. Observe them either trying to solve the problem or interacting with the product. These observations should happen in lab conditions and also in the users day-to-day life if possible. What devices are people to use to access your product (people behave very differently on their phone compared to their laptop)? What time are they going to access your product (on the train, at home, at work etc)?
Audience Builder
​
What type of product are we designing?
An embedded function of an existing product
Who are the main users?
Internal Project Managers and external researchers - from very experienced campaign builders to people who may only be doing basic research
Where is the product being used?
In a professional B2B capacity in an office or pro set-up
Why do they need it to exist?
To build an audience to partake in surveys and campaigns quickly and easily - decrease internal support burden (time) - Simplify campaign creation process
How will it be used?
As a premium part of our product suite on a desktop computer
Conduct interviews and surveys, whatever is necessary to build a robust picture of your potential users.
​
I use many techniques to define the problem including empathy maps, journeys, workshops, paper cut-outs and even role playing!
![Dashboards - Experience Vision - Frame 1](https://static.wixstatic.com/media/3021bd_1a685531d9fd4471a4d768c6492b083c~mv2.jpg/v1/fill/w_600,h_387,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Dashboards%20-%20Experience%20Vision%20-%20Frame%201.jpg)
![Dashboards - Experience Vision - Frame 2](https://static.wixstatic.com/media/3021bd_50be68a7b85b42cd842304e621e53e54~mv2.jpg/v1/fill/w_600,h_386,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Dashboards%20-%20Experience%20Vision%20-%20Frame%202.jpg)
![Whiteboard.png](https://static.wixstatic.com/media/3021bd_3978ce8fee5348f6aad094b4000c81fd~mv2.png/v1/fill/w_599,h_347,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Whiteboard.png)
![Design journey - Frame 2.jpg](https://static.wixstatic.com/media/3021bd_d0517c6675294d16a2de24fc19deeee0~mv2.jpg/v1/fill/w_971,h_342,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Design%20journey%20-%20Frame%202.jpg)
As this initiative was focussed on updating and overhauling a current experience I did a full audit of where we are today.
![OldCM.png](https://static.wixstatic.com/media/3021bd_ba532e8c0ede41828f78e51c5c789be8~mv2.png/v1/fill/w_701,h_469,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/OldCM.png)
It was actually a very frustrating experience. It involved opening and drilling down into at least three different applications within our product suite. Having to understand incredibly complicated concepts then pulling it all together in another application.
It was a result of a poorly thought through experience plus a whole lot of legacy issues.
Through workshops, observation, analytics and anecdotal feedback I mapped out the flows with a focus on the most desirable and elegant experience - here you should be uncovering those pain points that currently exist.
Most of the time these are completely unknown and it's our job to discover them.
![Journey.png](https://static.wixstatic.com/media/3021bd_380448ad3b634e30b8d410a590b1cad2~mv2.png/v1/fill/w_982,h_640,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Journey.png)
![Research.png](https://static.wixstatic.com/media/3021bd_a3030d173f834dabb076db169a9c196c~mv2.png/v1/fill/w_983,h_327,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Research.png)
![Screen Shot 2021-02-17 at 3.59.06 pm.png](https://static.wixstatic.com/media/3021bd_625425169c8948509fbefcd7f8b48085~mv2.png/v1/fill/w_980,h_542,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/3021bd_625425169c8948509fbefcd7f8b48085~mv2.png)
Competitor analysis
I conducted indepth competitor analysis. There are a few companies out there that offer similar services so it's key to discover what they and map their experience offering.
Sketching and whiteboarding
Sketching is such a powerful way to quickly communicate ideas that in my opinion, it is still unmatched in its ability to create disposable low fidelity designs. I sketch a lot. Whether it is in my notepad getting my ideas recorded or on a whiteboard to communicate a new type of interface you will generally find me with a pen or pencil in my hand. It allows for less preciousness around any design, everything is so much more disposable in this format and that is exactly what you want at this stage. It also encourages broad feedback ("How do I get there?") as opposed to narrow feedback ("I don't like that font") which again is exactly what is required at this time.
For the last year it's been harder to sketch and whiteboard in person so I've been an avid user of Freehand and Miro to get ideas out there.
![Sketches.png](https://static.wixstatic.com/media/3021bd_9f779a1e594b4e08adeece80cbf08583~mv2.png/v1/fill/w_979,h_2377,al_c,q_95,usm_0.66_1.00_0.01,enc_auto/Sketches.png)
Wireframes
I tend to combine my early wireframes with my projected flow of the product. They inform a rough guide for the layout. They should be clear and simple, no visual design or aesthetics here. They can serve as a good conduit with the stakeholders, signing off on placement/flow (broad feedback) etc rather than getting bogged down in font choice (narrow feedback) etc. Include lots of comments and annotations on them.
![Screen Shot 2021-02-18 at 9.38.29 am.png](https://static.wixstatic.com/media/3021bd_57bf3b3ae74442b281c1b7afb1223566~mv2.png/v1/fill/w_1389,h_575,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Screen%20Shot%202021-02-18%20at%209_38_29%20am.png)
![Screen Shot 2021-02-18 at 11.43.40 am.pn](https://static.wixstatic.com/media/3021bd_50387738bc1447bcb3ea921615165d01~mv2.png/v1/fill/w_544,h_177,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screen%20Shot%202021-02-18%20at%2011_43_40%20am_pn.png)
![Screen Shot 2021-02-18 at 11.34.46 am.pn](https://static.wixstatic.com/media/3021bd_7a0ca97efe054f62b6a74c7e166165f2~mv2.png/v1/fill/w_1391,h_735,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Screen%20Shot%202021-02-18%20at%2011_34_46%20am_pn.png)
![Screen Shot 2021-02-18 at 11.39.42 am.pn](https://static.wixstatic.com/media/3021bd_9144b3d1da3848a99ef84a89a9046016~mv2.png/v1/fill/w_1390,h_772,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Screen%20Shot%202021-02-18%20at%2011_39_42%20am_pn.png)
Testing & validating
How many test participants you involve, how closely your test participants match your actual users, and how many iterations of testing you run are all decisions shaped by budget and time constraints.
Usability testing is straightforward enough that anyone can - and should - experience running one. Being in the same room (or Zoom call!) while someone uses your product is a powerful trigger for creating empathy with users.
​
I use many different techniques to test and validate. These can be workshops using drawings, paper-cutouts, prototypes and prod builds through to diary studies, remote testing and surveys.
​
I wrote comprehensive reports detailing every interaction the subjects experienced. I created a scoring system and prioritised each finding and logged them back into Jira.
![Testing vid.png](https://static.wixstatic.com/media/3021bd_b20f595b674b449993d8be8e3c280247~mv2.png/v1/fill/w_600,h_271,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Testing%20vid.png)
![Testing vid 2.png](https://static.wixstatic.com/media/3021bd_0714db23897649cbacfb0671289f8c72~mv2.png/v1/fill/w_600,h_271,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Testing%20vid%202.png)
![Confluence.png](https://static.wixstatic.com/media/3021bd_b529bdc2a69c4fbb99d7329d466ca2a0~mv2.png/v1/fill/w_380,h_512,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Confluence.png)
![Paper cutouts.png](https://static.wixstatic.com/media/3021bd_3b631db288d646988b8af1cbc2e8b41e~mv2.png/v1/fill/w_980,h_1208,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Paper%20cutouts.png)
Paper cut-outs are always one of my favourite workshops to run. They are fun, engaging and rewarding. As paper is very tactile people respond in different and surprising ways to pixels on a screen.
They can literally move things where they want them and even create new elements on the fly.
UI design & application
It's at this point that I will engage my UI visual designers. Now we have a pretty solid rough approximation of the experience we're trying to achieve it's time to apply the UI. I initially conducted a design audit to establish what we have today and what we need to future-proof us. I always establish a living design style guide which should evolve and mature as your product does. Following an atomic approach, we pretty much have the toolkit to meet any challenge.
![Atomic.png](https://static.wixstatic.com/media/3021bd_b891d51e0e9e4502b32abe01e88b6187~mv2.png/v1/fill/w_600,h_1815,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/Atomic.png)
Handover & development
Audience Builder was a huge piece of work that would take many sprints to build. Now, we could shut down and spend 3 months building this monster but because we practice true Agile and have to show value after every 2 week sprint, this wasn't an option.
​
Which reminds me of an old UX joke…
![ElephantNew.png](https://static.wixstatic.com/media/3021bd_dd68cc0ca1754c4cac84610240797d3f~mv2.png/v1/fill/w_974,h_264,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ElephantNew.png)
What this essentially means is that we need to break down this huge vision into smaller pieces. What makes sense to work on first and integrate it into our product suite?
So working closely with the Product team this is exactly what I did. Each piece was self-contained and makes sense with the legacy items that came before but also can be seen as a clear stepping stone to everything that will come after but crucially has to work and seamlessly fit.
​
As the person with the vision I was responsible for writing the epics and tasks for this initiative.
Delivery
After a few sprints we delivered the complete V1 of Audience Builder. It was received incredibly well and marks a high watermark for future projects.
![sm.png](https://static.wixstatic.com/media/3021bd_292255c0967840d3baa94682160af11a~mv2.png/v1/fill/w_761,h_1561,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/%20sm.png)