True Analytics

Trueform's data collection is providing shopper quantitative metrics for brand makers.

Trueform.io wanted to solve this b2b problem: How do we provide accurate, wicked fast data reports of their buyers for brand makers?

In October 2017, I inherited an analytics portal that took 25 plus seconds to deliver statistics of shopper behaviors from an iPad application – originally launched in Spring 2017.

The CEO requirements were anecdotal and based upon internal business and prospective client discussions. There was no user research, just market research, and competitive analysis. All due respect, the CEO came from the finance industry but was self-taught in the world of product development in the software industry. We just launched our Kiosk a month earlier, and we were within days of opening our flagship store with our tablet app.

The company knew the current portal wasn’t ready for primetime. A month later, I asked my CEO if he wanted to go live with his current service. He shared just half-way; the portal needed significant work but was willing to use what they built in the meantime. I followed up with – Are you ready to share this portal to our b2b customers? He paused and said no. I replied, Sounds like it’s time for a new portal replacement!


"I wanted to deliver a best-in-class analytics portal, because I believed in Trueform's vision and mission. This problem was particularly challenging due to inaccurate data collection from our tablets into the existing analytics portal. The delayed openings of our locations impacted our ability to stress test Trueform's software, store experience and overall goal, vision and mission."

Scottie
Our Goal

Deliver next-day quantitive sales funnel statics and analytics for our brand partners.


Our Hypothesis

True Analytics provides quantitive results for our brand partners to reflect on their product placement and performance in a retail setting.

Date: Oct. 2017 - Oct. 2018
Duration: Phase 1: 5 months
Phase 2: 4 months
Category: Web Design
Project Type: Visionary
Client: Apollo Robotics Technology
Live Version: True Analytics
Role: Principal Designer
Other Team Members
My Process
True Analytics Meeting Notes

In mid-November 2017 – I continued to work with the CEO, CTO, COO, and Technical Architect to gather product, business, and technical requirements. At the time, we realized the raw data capture we were recording from our tablets needed to be filtered to report data across what we measured in the portal accurately. Regardless of the layout, that needed to be fixed before we ran any data through any proposed design. The CEO and COO anecdotally recommended having seven sections:

  1. Summary
  2. Dashboard
  3. Clicks
  4. Dwells
  5. Demos
  6. Sales
  7. People
Initial Sketches – (Expand to Read More)

Being two months on the job, I blindly trusted my colleagues with these requirements and sketched away. I leveraged the Material Guidelines as inspiration to lean on as well as engineering feasibility. The sketches below took about 2-3 days of aligning the business, engineering requirements and weaving it into the plans below.


True Analytics Structure

Determining regions within the brand portal.


True Analytics Summary

Early sketches of Sales Data and Summary Flow. Data was TBD, making it challenging to define the main section.


True Analytics

Comparing sketches of top nav bar features Vs. Dropdown Options Vs. Left Nav options.


True Analytics

Additional sketches of left nav interactions to accomodate the various sections.


True Analytics

Sketches of account drop down, account details, click data table (which ends up being our MVP for the quantative data!).


Since I requested this major restart – I treated these sketches as my wireframes, got business and engineering sign off, and dove into visual design layouts for development. I had to make up the time difference. Usually, I would have gone into wire flows/wireframes documentation.


Primer for Design

During an early November 2017 morning – I was able to document base guidelines for typography, color, and spacing before creating visual design artifacts. This documentation informed the team of the general mood for the visual design.

Trueform Color Guidance

I inherited the muted blue, original logo, and type selected from a previous designer and CEO. I added additional accent colors to accommodate scenarios and experiences for the brand.

Trueform Typography Guidance

The CEO at the time selected Avenir based on his preference. He realized there was a license usage for it, so he defaulted to Montserrat, a free font type based in Buenos Aries. At the time, I didn’t have any issues with the selection until years later in the product development.

Our Solution

Here are some samples of the initial launch of True Analytics, March 2018. Please note, the current summary page in this sequence didn't result in any sales since this brand only sold at their locations and website.

True Analytics MVP Screens

After the initial launch, we attempted to visualize the quantitative data we were collecting for our brands. Below were some recommendations I provided for the business.

Phase 2 of True Analytics goal was to take the results of our quantitative totals to make it easy to compare data and use it to tell a story – both of which can help our audience in their decision making.

True Analytics Data Visualization for Traffic
Stacked Area Graph of Retail Traffic Locations – (Expand to Read More)

I created a stacked area graph for a brand to measure their traffic across multiple retail locations. These data points are a sum of the quantitative totals.


True Analytics Data Visualization for Tab Views
Stacked Bar Graph of Tab Views – (Expand to Read More)

I selected a stacked bar graph for a brand to measure its tab views across multiple retail locations. These data points are a sum of the quantitative totals. The different shades represented different tabs 1 - discover ( a video of product), 2 - learn (a description), 3 - price list – (a table of prices at our stores, amazon, and other competitors. The current design doesn’t explain that – hope to include that feature for the next evolution.


True Analytics Conversion Funnel for emails
E-mail conversions from Dwells by traffic & e-mail conversion area charts – (Expand to Read More)

Our goal was to visualize our brand’s email conversion from dwells by traffic and email conversion funnel by day with a stacked area chart. We were considering Microsoft’s Power BI as a library to render these graphics.


True Analytics Page Views Duration per emails
Page views duration per E-mail bubble charts – (Expand to Read More)

Anectdotally, Our CEO wanted to visualize the count of Emails by page views duration per a given product. His business hypothesis was to capture and report back as many essential data points for our brands to learn their customer’s behavior. I designed a bubble chart to represent this desired business requirement — specific colors designated products. The hover state highlighted the product name, customer email, gender, emotion, and duration at the store.



True Analytics Cost per view vs cost per email
Cost per view Vs. Cost per email stacked bar charts – (Expand to Read More)

The cost per view Vs. Cost per Email by visitor and engagement was a significant business component for our proposal we were building for one of our brands. Our hypothesis is if we’re able to demonstrate value through our storytelling, these key performance indicators will elevate their business and gain a deeper understanding of their customers. I designed a stacked bar chart to achieve this business requirement.


My Impression

Our business strategy changed course, impacting the budget, and results for True Analytics. It operates currently, and any refinements are an “as need” basis and if it will provide more any additional value to our offerings. For the remaining weeks of Summer 2018, We focused on optimizing the data collection of our iOS Application.

“Trueform really have something unique. Not only do they facilitate us with a solid sales channel, but they also provide us with comprehensive customer & sales data via the True Analytics platform. The platform is very user-friendly and allows us to easily view and share our sales data at the click of a button. This comprehensive sales data has been an invaluable asset in helping us close deals with numerous retailers.”

Kallum S., European Sales Director; Cowin Audio
My Learning

To be less timid with my new team members and demand clarity when I ask for it. The requirements for the MVP needed to be more rigorous with UX activities instead of using Anectdotal data; the structure and flow didn’t make sense, which disrupted my understanding and deliverables to my engineering team. Wireflows and Wireframing would have netted a more profound execution of implementing the qualitative graphs. It was a rushed process, resulting in mediocre-looking dashboards. Perhaps the CTO and I will revisit this 2018 project and provide qualitative figures that would produce genuine insights and predict sales and buyer behaviors for our brand partners.


UPDATE – Summer 2019
True Analytics Storytelling by JoJo Saunderss

I had a fantastic opportunity to mentor our Summer 2019 UX Engineer Intern, Jojo Saunders. Check out his case study here!

Lauizm | True Analytics Case Study

True Analytics

Trueform's data collection is providing shopper quantitative metrics for brand makers.

Trueform.io wanted to solve this b2b problem: How do we provide accurate, wicked fast data reports of their buyers for brand makers?

In October 2017, I inherited an analytics portal that took 25 plus seconds to deliver statistics of shopper behaviors from an iPad application – originally launched in Spring 2017.

The CEO requirements were anecdotal and based upon internal business and prospective client discussions. There was no user research, just market research, and competitive analysis. All due respect, the CEO came from the finance industry but was self-taught in the world of product development in the software industry. We just launched our Kiosk a month earlier, and we were within days of opening our flagship store with our tablet app.

The company knew the current portal wasn’t ready for primetime. A month later, I asked my CEO if he wanted to go live with his current service. He shared just half-way; the portal needed significant work but was willing to use what they built in the meantime. I followed up with – Are you ready to share this portal to our b2b customers? He paused and said no. I replied, Sounds like it’s time for a new portal replacement!


"I wanted to deliver a best-in-class analytics portal, because I believed in Trueform's vision and mission. This problem was particularly challenging due to inaccurate data collection from our tablets into the existing analytics portal. The delayed openings of our locations impacted our ability to stress test Trueform's software, store experience and overall goal, vision and mission."

Scottie
Our Goal

Deliver next-day quantitive sales funnel statics and analytics for our brand partners.


Our Hypothesis

True Analytics provides quantitive results for our brand partners to reflect on their product placement and performance in a retail setting.

Date: Oct. 2017 - Oct. 2018
Duration: Phase 1: 5 months
Phase 2: 4 months
Category: Web Design
Project Type: Visionary
Client: Apollo Robotics Technology
Live Version: True Analytics
Role: Principal Designer
Other Team Members
My Process
True Analytics Meeting Notes

In mid-November 2017 – I continued to work with the CEO, CTO, COO, and Technical Architect to gather product, business, and technical requirements. At the time, we realized the raw data capture we were recording from our tablets needed to be filtered to report data across what we measured in the portal accurately. Regardless of the layout, that needed to be fixed before we ran any data through any proposed design. The CEO and COO anecdotally recommended having seven sections:

  1. Summary
  2. Dashboard
  3. Clicks
  4. Dwells
  5. Demos
  6. Sales
  7. People
Initial Sketches – (Expand to Read More)

Being two months on the job, I blindly trusted my colleagues with these requirements and sketched away. I leveraged the Material Guidelines as inspiration to lean on as well as engineering feasibility. The sketches below took about 2-3 days of aligning the business, engineering requirements and weaving it into the plans below.


True Analytics Structure

Determining regions within the brand portal.


True Analytics Summary

Early sketches of Sales Data and Summary Flow. Data was TBD, making it challenging to define the main section.


True Analytics

Comparing sketches of top nav bar features Vs. Dropdown Options Vs. Left Nav options.


True Analytics

Additional sketches of left nav interactions to accomodate the various sections.


True Analytics

Sketches of account drop down, account details, click data table (which ends up being our MVP for the quantative data!).


Since I requested this major restart – I treated these sketches as my wireframes, got business and engineering sign off, and dove into visual design layouts for development. I had to make up the time difference. Usually, I would have gone into wire flows/wireframes documentation.


Primer for Design

During an early November 2017 morning – I was able to document base guidelines for typography, color, and spacing before creating visual design artifacts. This documentation informed the team of the general mood for the visual design.

Trueform Color Guidance

I inherited the muted blue, original logo, and type selected from a previous designer and CEO. I added additional accent colors to accommodate scenarios and experiences for the brand.

Trueform Typography Guidance

The CEO at the time selected Avenir based on his preference. He realized there was a license usage for it, so he defaulted to Montserrat, a free font type based in Buenos Aries. At the time, I didn’t have any issues with the selection until years later in the product development.

Our Solution

Here are some samples of the initial launch of True Analytics, March 2018. Please note, the current summary page in this sequence didn't result in any sales since this brand only sold at their locations and website.

True Analytics MVP Screens

After the initial launch, we attempted to visualize the quantitative data we were collecting for our brands. Below were some recommendations I provided for the business.

Phase 2 of True Analytics goal was to take the results of our quantitative totals to make it easy to compare data and use it to tell a story – both of which can help our audience in their decision making.

True Analytics Data Visualization for Traffic
Stacked Area Graph of Retail Traffic Locations – (Expand to Read More)

I created a stacked area graph for a brand to measure their traffic across multiple retail locations. These data points are a sum of the quantitative totals.


True Analytics Data Visualization for Tab Views
Stacked Bar Graph of Tab Views – (Expand to Read More)

I selected a stacked bar graph for a brand to measure its tab views across multiple retail locations. These data points are a sum of the quantitative totals. The different shades represented different tabs 1 - discover ( a video of product), 2 - learn (a description), 3 - price list – (a table of prices at our stores, amazon, and other competitors. The current design doesn’t explain that – hope to include that feature for the next evolution.


True Analytics Conversion Funnel for emails
E-mail conversions from Dwells by traffic & e-mail conversion area charts – (Expand to Read More)

Our goal was to visualize our brand’s email conversion from dwells by traffic and email conversion funnel by day with a stacked area chart. We were considering Microsoft’s Power BI as a library to render these graphics.


True Analytics Page Views Duration per emails
Page views duration per E-mail bubble charts – (Expand to Read More)

Anectdotally, Our CEO wanted to visualize the count of Emails by page views duration per a given product. His business hypothesis was to capture and report back as many essential data points for our brands to learn their customer’s behavior. I designed a bubble chart to represent this desired business requirement — specific colors designated products. The hover state highlighted the product name, customer email, gender, emotion, and duration at the store.



True Analytics Cost per view vs cost per email
Cost per view Vs. Cost per email stacked bar charts – (Expand to Read More)

The cost per view Vs. Cost per Email by visitor and engagement was a significant business component for our proposal we were building for one of our brands. Our hypothesis is if we’re able to demonstrate value through our storytelling, these key performance indicators will elevate their business and gain a deeper understanding of their customers. I designed a stacked bar chart to achieve this business requirement.


My Impression

Our business strategy changed course, impacting the budget, and results for True Analytics. It operates currently, and any refinements are an “as need” basis and if it will provide more any additional value to our offerings. For the remaining weeks of Summer 2018, We focused on optimizing the data collection of our iOS Application.

“Trueform really have something unique. Not only do they facilitate us with a solid sales channel, but they also provide us with comprehensive customer & sales data via the True Analytics platform. The platform is very user-friendly and allows us to easily view and share our sales data at the click of a button. This comprehensive sales data has been an invaluable asset in helping us close deals with numerous retailers.”

Kallum S., European Sales Director; Cowin Audio
My Learning

To be less timid with my new team members and demand clarity when I ask for it. The requirements for the MVP needed to be more rigorous with UX activities instead of using Anectdotal data; the structure and flow didn’t make sense, which disrupted my understanding and deliverables to my engineering team. Wireflows and Wireframing would have netted a more profound execution of implementing the qualitative graphs. It was a rushed process, resulting in mediocre-looking dashboards. Perhaps the CTO and I will revisit this 2018 project and provide qualitative figures that would produce genuine insights and predict sales and buyer behaviors for our brand partners.


UPDATE – Summer 2019
True Analytics Storytelling by JoJo Saunderss

I had a fantastic opportunity to mentor our Summer 2019 UX Engineer Intern, Jojo Saunders. Check out his case study here!

Lauizm | True Analytics Case Study

True Analytics

Trueform's data collection is providing shopper quantitative metrics for brand makers.

Trueform.io wanted to solve this b2b problem: How do we provide accurate, wicked fast data reports of their buyers for brand makers?

In October 2017, I inherited an analytics portal that took 25 plus seconds to deliver statistics of shopper behaviors from an iPad application – originally launched in Spring 2017.

The CEO requirements were anecdotal and based upon internal business and prospective client discussions. There was no user research, just market research, and competitive analysis. All due respect, the CEO came from the finance industry but was self-taught in the world of product development in the software industry. We just launched our Kiosk a month earlier, and we were within days of opening our flagship store with our tablet app.

The company knew the current portal wasn’t ready for primetime. A month later, I asked my CEO if he wanted to go live with his current service. He shared just half-way; the portal needed significant work but was willing to use what they built in the meantime. I followed up with – Are you ready to share this portal to our b2b customers? He paused and said no. I replied, Sounds like it’s time for a new portal replacement!


"I wanted to deliver a best-in-class analytics portal, because I believed in Trueform's vision and mission. This problem was particularly challenging due to inaccurate data collection from our tablets into the existing analytics portal. The delayed openings of our locations impacted our ability to stress test Trueform's software, store experience and overall goal, vision and mission."

Scottie
Our Goal

Deliver next-day quantitive sales funnel statics and analytics for our brand partners.


Our Hypothesis

True Analytics provides quantitive results for our brand partners to reflect on their product placement and performance in a retail setting.

Date: Oct. 2017 - Oct. 2018
Duration: Phase 1: 5 months
Phase 2: 4 months
Category: Web Design
Project Type: Visionary
Client: Apollo Robotics Technology
Live Version: True Analytics
Role: Principal Designer
Other Team Members
My Process
True Analytics Meeting Notes

In mid-November 2017 – I continued to work with the CEO, CTO, COO, and Technical Architect to gather product, business, and technical requirements. At the time, we realized the raw data capture we were recording from our tablets needed to be filtered to report data across what we measured in the portal accurately. Regardless of the layout, that needed to be fixed before we ran any data through any proposed design. The CEO and COO anecdotally recommended having seven sections:

  1. Summary
  2. Dashboard
  3. Clicks
  4. Dwells
  5. Demos
  6. Sales
  7. People
Initial Sketches – (Expand to Read More)

Being two months on the job, I blindly trusted my colleagues with these requirements and sketched away. I leveraged the Material Guidelines as inspiration to lean on as well as engineering feasibility. The sketches below took about 2-3 days of aligning the business, engineering requirements and weaving it into the plans below.


True Analytics Structure

Determining regions within the brand portal.


True Analytics Summary

Early sketches of Sales Data and Summary Flow. Data was TBD, making it challenging to define the main section.


True Analytics

Comparing sketches of top nav bar features Vs. Dropdown Options Vs. Left Nav options.


True Analytics

Additional sketches of left nav interactions to accomodate the various sections.


True Analytics

Sketches of account drop down, account details, click data table (which ends up being our MVP for the quantative data!).


Since I requested this major restart – I treated these sketches as my wireframes, got business and engineering sign off, and dove into visual design layouts for development. I had to make up the time difference. Usually, I would have gone into wire flows/wireframes documentation.


Primer for Design

During an early November 2017 morning – I was able to document base guidelines for typography, color, and spacing before creating visual design artifacts. This documentation informed the team of the general mood for the visual design.

Trueform Color Guidance

I inherited the muted blue, original logo, and type selected from a previous designer and CEO. I added additional accent colors to accommodate scenarios and experiences for the brand.

Trueform Typography Guidance

The CEO at the time selected Avenir based on his preference. He realized there was a license usage for it, so he defaulted to Montserrat, a free font type based in Buenos Aries. At the time, I didn’t have any issues with the selection until years later in the product development.

Our Solution

Here are some samples of the initial launch of True Analytics, March 2018. Please note, the current summary page in this sequence didn't result in any sales since this brand only sold at their locations and website.

True Analytics MVP Screens

After the initial launch, we attempted to visualize the quantitative data we were collecting for our brands. Below were some recommendations I provided for the business.

Phase 2 of True Analytics goal was to take the results of our quantitative totals to make it easy to compare data and use it to tell a story – both of which can help our audience in their decision making.

True Analytics Data Visualization for Traffic
Stacked Area Graph of Retail Traffic Locations – (Expand to Read More)

I created a stacked area graph for a brand to measure their traffic across multiple retail locations. These data points are a sum of the quantitative totals.


True Analytics Data Visualization for Tab Views
Stacked Bar Graph of Tab Views – (Expand to Read More)

I selected a stacked bar graph for a brand to measure its tab views across multiple retail locations. These data points are a sum of the quantitative totals. The different shades represented different tabs 1 - discover ( a video of product), 2 - learn (a description), 3 - price list – (a table of prices at our stores, amazon, and other competitors. The current design doesn’t explain that – hope to include that feature for the next evolution.


True Analytics Conversion Funnel for emails
E-mail conversions from Dwells by traffic & e-mail conversion area charts – (Expand to Read More)

Our goal was to visualize our brand’s email conversion from dwells by traffic and email conversion funnel by day with a stacked area chart. We were considering Microsoft’s Power BI as a library to render these graphics.


True Analytics Page Views Duration per emails
Page views duration per E-mail bubble charts – (Expand to Read More)

Anectdotally, Our CEO wanted to visualize the count of Emails by page views duration per a given product. His business hypothesis was to capture and report back as many essential data points for our brands to learn their customer’s behavior. I designed a bubble chart to represent this desired business requirement — specific colors designated products. The hover state highlighted the product name, customer email, gender, emotion, and duration at the store.



True Analytics Cost per view vs cost per email
Cost per view Vs. Cost per email stacked bar charts – (Expand to Read More)

The cost per view Vs. Cost per Email by visitor and engagement was a significant business component for our proposal we were building for one of our brands. Our hypothesis is if we’re able to demonstrate value through our storytelling, these key performance indicators will elevate their business and gain a deeper understanding of their customers. I designed a stacked bar chart to achieve this business requirement.


My Impression

Our business strategy changed course, impacting the budget, and results for True Analytics. It operates currently, and any refinements are an “as need” basis and if it will provide more any additional value to our offerings. For the remaining weeks of Summer 2018, We focused on optimizing the data collection of our iOS Application.

“Trueform really have something unique. Not only do they facilitate us with a solid sales channel, but they also provide us with comprehensive customer & sales data via the True Analytics platform. The platform is very user-friendly and allows us to easily view and share our sales data at the click of a button. This comprehensive sales data has been an invaluable asset in helping us close deals with numerous retailers.”

Kallum S., European Sales Director; Cowin Audio
My Learning

To be less timid with my new team members and demand clarity when I ask for it. The requirements for the MVP needed to be more rigorous with UX activities instead of using Anectdotal data; the structure and flow didn’t make sense, which disrupted my understanding and deliverables to my engineering team. Wireflows and Wireframing would have netted a more profound execution of implementing the qualitative graphs. It was a rushed process, resulting in mediocre-looking dashboards. Perhaps the CTO and I will revisit this 2018 project and provide qualitative figures that would produce genuine insights and predict sales and buyer behaviors for our brand partners.


UPDATE – Summer 2019
True Analytics Storytelling by JoJo Saunderss

I had a fantastic opportunity to mentor our Summer 2019 UX Engineer Intern, Jojo Saunders. Check out his case study here!