Client Work

VIEWN

Marketing data playground for non-technical marketers based on the principles of Customer Data Platforms (CDP-s). The challenge was to create a platform where marketers could see, manage and track a unified profile of a customer so they could not only measure the customer's engagement with the brand but also provide them with a tailored marketing experience to create a closer relationship between that customer and the brand.

Brand Identity
UX Research
Product Design
Development
Hero

Problem

I was hired to create a product that would help non-technical marketers like Rafael, our user persona, create meaningful relationships between brands and its customers. I also was hired to craft a Brand Identity that would resonate with him. Today, Rafael has to dig through lots of data to create effective marketing campaigns for the customers of the brands he manages. Many of the efforts are done manually and many times he relies on the help of other people like Data Analysts who query the data for him.

Solution

A platform that would allow Rafael to aggregate the data about a specific customer housed in many data bases and create a unified customer profile. With this profile, Rafael could measure and track the customer's engagement with the brand and provide him/her with a tailored marketing experience, creating a closer relationship between the customer and the brand.

Primary Users

Non-technical marketers wanting to create stronger and meaningful relationships with a brand's customers.

Duration

July 2017 - Present

Tools

Pen, paper, Invision, Maze, Sketch App, Illustrator, and lots of sticky notes.

Role

Product Designer, Creative Director, and Researcher.

Constraints & Considerations

VIEWN is a Certified Google Partner so the founders wanted their UI to be inspired by Google's.

Platforms

Desktop

Viewn showcase
number
EMPATHIZE

Working very closely with the founders we crafted a Brand Identity that would resonate with someone like Rafael. To do this, we used one of my favorite techniques - Humanizing the Product. I wrote an entire article on this subject. You can read it here. VIEWN is part of another company also owned by VIEWN's founders. This company is a Certified Google Partner so for them it was very important that the User Interface was heavily influenced by Google's Interfaces. We decided to follow Material's Design but we were careful not to dilute our brand.

Old Brand Identity

New Brand Identity

Old LogoNew logo
logostyle sheet

I conducted a workshop with the founders in which we created Rafael. Since human actions are driven by emotion, throughout the workshop I looked for cues that I could use through the design process to feel what Rafael feels, to know what drives or discourages him as a marketer, and what are his pains and frustrations. If I can empathize with his feelings, I should be able to create experiences of value to him.

personapersona

We also prioritized features based on research. We wanted to focus on what Rafael would value the most first so we sent out surveys to marketers that most closely resembled Rafael. We even included some questions about the new brand identity we had created.

market research exhibitmarket research exhibit
number
Define

We combined our research and began highlighting opportunities for innovation. We found that Rafael values looking at and tracking profiles the most to gauge how engaged that customer is with a brand. Insights and automation were huge as well. Remember, Rafael must dig through lots of data to find meaningful patterns he could use to target his customers effectively. Furthermore, we found that Rafael thinks he is tech savvy but is really not, so he relies on other people to query data. What if we could provide him with a product that felt intuitive, helpful, and human while it also had predictive analytics and insightful KPI's. We wanted Rafael to feel 1) powerful/confident, 2) in control or organized and 3) feel good at the end of his workday after using VIEWN . We wanted him to focus on connecting customers to a brand, and less time digging through data and admin stuff... Who likes that anyway?

So the requirements became:

  1. Rafael will import data from different sources including MailChimp, Marketo, Google Analytics, etc.
  2. Rafael will be able to see a unified customer profile with very detailed information about a customer sourced from the apps above
  3. Rafael will create segments. These are groups of profiles that matched certain criterion. i.e. "Millennials in Miami that have children over 2 years old."
  4. Rafael will be able to see metrics on the segments and/or individual profiles with predictive analytics to help him create meaningful marketing campaigns
  5. Rafael will create and track marketing campaigns through VIEWN
project definitionproject definitionproject definition
number
Ideate

What if we could architect the app as a story? The requirements themselves told a story for me; 1) Rafael imports data 2) Rafael segments that data 3) Rafael learns from the data 4) Rafael engages the customer through marketing campaigns. Rafael would not always work in chronological order but I assumed the information architecture would resonate with him.

information architecturenavigation
number
Prototype

We went through a few lo-fi iterations to confirm that the Information Architecture made sense to Rafael and the founders. After confirmation, I created a hi-fi prototype that would allow us to get more meaningful test results and would also allow VIEWN's founders to start showing what we were working on to investors.

demo
number
test

We conducted monitored usability tests with friends and family. I wanted to see how much I could learn from participants that were not marketers, however, the most valuable tests came from people that resembled Rafael. I used a really cool app called Maze. Still a beta and has some bugs but I like the fact that I can record the journeys the participant takes as well as their clicks on each individual test.

Although the tests I did were heavy on usability, I was more concerned about how the participant felt at the end of each task. I gauged the success of the tests on that; feelings and how much I learned, not whether a participant would complete the task successfully. At the end of each task, I would ask these questions and record the results on a spreadsheet:

  1. How does this make you feel?
  2. How would you like to feel in this scenario?
  3. To what extent [1-5] does this make you feel [powerful/empowered/confident]?
  4. To what extent [1-5] does this make you feel [organized]?
  5. To what extent [1-5] does this make you feel [like you did a good job at the end of the day]?

These were things we wanted Rafael to feel when using VIEWN. Oh, and I even had my brother's cat as a participant. He did not pass any of the tests though 😑.

testingtesting
testingtestingtestingtesting
Implement

We are still working on testing but I look forward to implementing what we are learning in code and I'll update this page accordingly.

We can't wait to have real life Rafael(a)'s using the product!

From the client

"Oscar is an excellent designer, technologist and a superv human being. Working with him from a founder’s point of view is like working with a co-founder. He understand the business value, purpose and vision. His design reflect the right value, with the end customer/user in mind."

"Oscar is very real and down to earth type of guy. His highly professional style of working is not hindered with his personality touch. Oscar is an artist, with a technology background. Oscar simplified our navigation and improved our intuitive business model. We loved the process on defining user personas, interactive prototypes and every artifact develop during the engagement."

"Oscar help us from the beginning on a information architecture based on a proven design process. This helped myself and the leadership team understand the steps and stages of UX/UI design, from a corporate image and branding to the actual product design to technical specs for UI developers. Colors and style matter, and Oscar taught us the right use of color and style to reflect our high level of sophistication, and quality of our product plus services."

"Oscar is an integral part of the company and an amazing asset for competitive advantage and strategic vision, incredible marketing knowledge."

founderRoberto Landrau
founderAreeya Lila
lessons learned

This project was an amazing exercise in selling Design as a practice and an essential part of Product Development to key stakeholders. I have been part of projects where design is perceived as an afterthought or the team and business folks just have a “make it look pretty” mentality. Design Thinking is not something that Business people are taught or even aware of most of the time. They are driven by numbers and market conditions, but it is still important for them to understand the needs of the user (not their client), and the importance of Branding before diving into design or code.

As a designer, you are responsible for selling Design to your client, team or organization so I have started to educate clients *before* I work with them. I have become very strict about this to the point of refusing work if they are not willing to learn about Design and my process first.

This project also reminded me about the importance of Empathy in design. Actress Natalie Portman once said, “The actor’s job is empathy”. That holds very true about designers as well. Most of the time, we design experiences for people we never meet. This is why it is so important to learn about your users early. See what motivates them and what discourages them.

User Persona creation was extremely useful for me and for VIEWN’s team, to the point of us always talking about Rafael as if he were a real person. It was very rewarding to see my clients embracing the persona and making him part of every decision. For that, I have to thank them for being so receptive to my process, eager to learn from Design and so empathic.

Thank you Roberto and Areeya! You both taught me so much about business and it has been a blast working with you.