SmartVideo Dashboard

SmartVideo Dashboard

SmartVideo Dashboard

SundaySky works with the world's leading brands to create personalized, data-driven videos for their customers. They approached Theorem to design a streamlined dashboard experience for viewing their SmartVideo content, analyzing metrics, and educating customers.

As the product manager and lead designer on the project, I worked closely with SundaySky stakeholders and users to define goals and validate concepts. The timeline for the project was only three months, so working with a lean UX approach was crucial. I collaborated with SundaySky's development team to implement my designs and provided design QA support up until the launch of the MVP (Minimum Viable Product).

SundaySky works with the world's leading brands to create personalized, data-driven videos for their customers. They approached Theorem to design a streamlined dashboard experience for viewing their SmartVideo content, analyzing metrics and educating customers.

As product manager and lead designer on the project, I worked closely with SundaySky stakeholders and users to define goals and validate concepts. The timeline for the project was only three months, so working with a lean UX approach was crucial. I collaborated with SundaySky's development team to implement my designs and provided design QA support up until the launch of the MVP (Minimum Viable Product).

SundaySky works with the world's leading brands to create personalized, data-driven videos for their customers. They approached Theorem to design a streamlined dashboard experience for viewing their SmartVideo content, analyzing metrics, and educating customers.

As the product manager and lead designer on the project, I worked closely with SundaySky stakeholders and users to define goals and validate concepts. The timeline for the project was only three months, so working with a lean UX approach was crucial. I collaborated with SundaySky's development team to implement my designs and provided design QA support up until the launch of the MVP (Minimum Viable Product).

My Role
UI/UX Design
Product Management
User Research
Journey Mapping
Wireframing
Information Architecture
Interaction Design 
Design Systems
Design QA

My Role
UI/UX Design
Product Management
User Research
Journey Mapping
Wireframing
Information Architecture
Interaction Design 
Design Systems
Design QA

My Role
UI/UX Design
Product Management
User Research
Journey Mapping
Wireframing
Information Architecture
Interaction Design 
Design Systems
Design QA

Client
SundaySky

Collaborators
Alex Zapedenko

Completed
2017

SSWeb-SundaySky SV-ElementsDivider

Context

SundaySky's SmartVideos help brands build relationships with their customers through data-driven personalization. Video scenes, powered by a proprietary cloud database, form unique stories driven by data and logic. SundaySky's creative team customizes each campaign for the associated brand. Customers receive videos with their names, pertinent insights about their accounts, and other contextually relevant content.

SundaySky's SmartVideos help brands build relationships with their customers through data-driven personalization. Video scenes, powered by a proprietary cloud database, form unique stories driven by data and logic. SundaySky's creative team customizes each campaign for the associated brand. Customers receive videos with their name, pertinent insights about their accounts and other contextually relevant content.

SundaySky's SmartVideos help brands build relationships with their customers through data-driven personalization. Video scenes, powered by a proprietary cloud database, form unique stories driven by data and logic. SundaySky's creative team customizes each campaign for the associated brand. Customers receive videos with their name, pertinent insights about their accounts and other contextually relevant content.

SundaySky's SmartVideos help brands build relationships with their customers through data-driven personalization. Video scenes, powered by a proprietary cloud database, form unique stories driven by data and logic. SundaySky's creative team customizes each campaign for the associated brand. Customers receive videos with their names, pertinent insights about their accounts, and other contextually relevant content.

Example clip of one of SundaySky's personalized SmartVideos.

Example clip of one of SundaySky's personalized SmartVideos.

Example clip of one of SundaySky's personalized SmartVideos.

SSKY-TheProblem-Illustration

The Problem

SundaySky did not have a clear way of explaining their SmartVideo technology to new customers but also had challenges supporting existing customer questions and requests for performance reports. Their team relied on fragmented tools, custom reports, and hefty PowerPoint presentations for gathering and sharing data. The process wasted valuable time, had a slow turnaround, led to missed business opportunities, and left the team feeling unempowered with customers. 

SundaySky did not have a clear way of explaining their SmartVideo technology to new customers, but also had challenges supporting existing customer questions and requests for performance reports. Their team relied on fragmented tools, custom reports and hefty PowerPoint presentations for gathering and sharing data. The process wasting valuable time, had slow turnaround, led to missed business opportunities and left the team feeling unempowered with customers. 

SundaySky did not have a clear way of explaining their SmartVideo technology to new customers but also had challenges supporting existing customer questions and requests for performance reports. Their team relied on fragmented tools, custom reports and hefty PowerPoint presentations for gathering and sharing data. The process wasted valuable time, had a slow turnaround, led to missed business opportunities and left the team feeling unempowered with customers. 

SundaySky did not have a clear way of explaining their SmartVideo technology to new customers but also had challenges supporting existing customer questions and requests for performance reports. Their team relied on fragmented tools, custom reports, and hefty PowerPoint presentations for gathering and sharing data. The process wasted valuable time, had a slow turnaround, led to missed business opportunities, and left the team feeling unempowered with customers. 

Goals

The primary goal was to design a streamlined dashboard experience for SundaySky to view video content, data, and important insights across customer programs. The dashboard would serve as the MVP (Minimum Viable Product) and would be implemented in collaboration with SundaySky's development team.

The MVP solution would define the framework and visual style for an evolving suite of tools called SundaySky's Personalized Video Marketing Cloud™, so it was essential to establish a flexible design system and component library which would allow for scalability. As part of the engagement, I would also maintain a backlog of post-MVP design tasks and provide SundaySky with feature enhancement suggestions.

The primary goal was to design a streamlined dashboard experience for SundaySky to view video content, data and important insights across customer programs. The dashboard would serve as the MVP and would be implemented in collaboration with SundaySky's development team.

The MVP solution would define the framework and visual style for an evolving suite of tools called SundaySky's Personalized Video Marketing Cloud™, so it was important to establish a flexible design system and component library which would allow for scalability. As part of the engagement, I would also maintain a backlog of post-MVP design tasks and provide SundaySky with feature enhancement suggestions. 

The primary goal was to design a streamlined dashboard experience for SundaySky to view video content, data and important insights across customer programs. The dashboard would serve as the MVP and would be implemented in collaboration with SundaySky's development team.

The MVP solution would define the framework and visual style for an evolving suite of tools called SundaySky's Personalized Video Marketing Cloud™, so it was important to establish a flexible design system and component library which would allow for scalability. As part of the engagement, I would also maintain a backlog of post-MVP design tasks and provide SundaySky with feature enhancement suggestions.

The primary goal was to design a streamlined dashboard experience for SundaySky to view video content, data, and important insights across customer programs. The dashboard would serve as the MVP (Minimum Viable Product) and would be implemented in collaboration with SundaySky's development team.

The MVP solution would define the framework and visual style for an evolving suite of tools called SundaySky's Personalized Video Marketing Cloud™, so it was essential to establish a flexible design system and component library which would allow for scalability. As part of the engagement, I would also maintain a backlog of post-MVP design tasks and provide SundaySky with feature enhancement suggestions. 

Users

Initially, the dashboard would be used internally by SundaySky's field team. This team works with customers to educate them on performance reports and collaborate on planning new SmartVideo programs. The dashboard would then be rolled out to strategic partners and customers who could self-serve performance insights, learn about SmartVideo, and create programs to engage more customers. These users are generally in marketing departments, from tactical people to the CMO.

Initially the dashboard would be used internally by SundaySky's field team. This team works with customers to educate them on performance reports and collaborate on planning new SmartVideo programs. The dashboard would then be rolled out to strategic partners and customers who could self-serve performance insights, learn about Smartvideo, and create programs to engage more customers. These users are generally in marketing departments, from tactical people all the way to the CMO.

Initially, the dashboard would be used internally by SundaySky's field team. This team works with customers to educate them on performance reports and collaborate on planning new SmartVideo programs. The dashboard would then be rolled out to strategic partners and customers who could self-serve performance insights, learn about SmartVideo, and create programs to engage more customers. These users are generally in marketing departments, from tactical people all the way to the CMO.

Initially, the dashboard would be used internally by SundaySky's field team. This team works with customers to educate them on performance reports and collaborate on planning new SmartVideo programs. The dashboard would then be rolled out to strategic partners and customers who could self-serve performance insights, learn about SmartVideo, and create programs to engage more customers. These users are generally in marketing departments, from tactical people to the CMO.

Defining the process

Defining the process

Defining the process

Defining the process

Working with my strategic team at Theorem, we broke the project down into four key phases, each comprised of important steps. This approach helped plan out the project roadmap and determine key milestones and deliverable dates. 

With the tight timeline to MVP, working with an agile, sprint-based process allowed me to iterate on and validate potential solutions early and often. The Concepting phase repeated as a series of week-long sprints to work through different features.

Working with my strategic team at Theorem, we broke the project down into four key phases, each comprised of important steps. This helped plan out the project roadmap and determine key milestones and deliverable dates. With the tight timeline to MVP, working with an agile, sprint based process allowed me to iterate on and validate potential solutions early and often. The Concepting phase repeated as a series of week long sprints to work through different features.

Working with my strategic team at Theorem, we broke the project down into four key phases, each comprised of important steps. This helped plan out the project roadmap and determine key milestones and deliverable dates. With the tight timeline to MVP, working with an agile, sprint-based process allowed me to iterate on and validate potential solutions early and often. The Concepting phase repeated as a series of week-long sprints to work through different features.

Working with my strategic team at Theorem, we broke the project down into four key phases, each comprised of important steps. This approach helped plan out the project roadmap and determine key milestones and deliverable dates. 

With the tight timeline to MVP, working with an agile, sprint-based process allowed me to iterate on and validate potential solutions early and often. The Concepting phase repeated as a series of week-long sprints to work through different features.

Process Diagram

Discovery & Analysis

Discovery & Analysis

Discovery & Analysis

Discovery & Analysis

To kick off discovery, I met with SundaySky stakeholders for a series of workshops to learn about their current workflow, set project goals, define the project roadmap, and whiteboard sketch high-level concepts. Then I conducted interviews with different user types across the company to understand their challenges and learn about their individual goals for optimizing their workflow.

Using the insights I gathered, I began to synthesize common themes. I developed persona profiles highlighting each unique user's tasks and goals, then created journey maps to understand relationships between different user types of the platform. These steps guided the development of low fidelity business flows to work out screen-to-screen interactions.

To kick off discovery, I met with SundaySky stakeholders for a series of workshops to learn about their current workflow, set project goals, define the project roadmap and whiteboard high level concepts. Then I conducted interviews with different user types across the company to understand their challenges and learn about their individual goals for optimizing their workflow.

Using the insights I gathered, I began to synthesize key themes. I developed persona profiles highlighting each unique user's tasks and goals, then created journey maps to understand relationships between different user types and the platform. This guided the development of low fidelity business flows to work out screen to screen interactions.

To kick off discovery, I met with SundaySky stakeholders for a series of workshops to learn about their current workflow, set project goals, define the project roadmap and whiteboard high-level concepts. Then I conducted interviews with different user types across the company to understand their challenges and learn about their individual goals for optimizing their workflow.

Using the insights I gathered, I began to synthesize key themes. I developed persona profiles highlighting each unique user's tasks and goals, then created journey maps to understand relationships between different user types and the platform. This guided the development of low fidelity business flows to work out screen-to-screen interactions.

To kick off discovery, I met with SundaySky stakeholders for a series of workshops to learn about their current workflow, set project goals, define the project roadmap, and whiteboard sketch high-level concepts. Then I conducted interviews with different user types across the company to understand their challenges and learn about their individual goals for optimizing their workflow.

Using the insights I gathered, I began to synthesize common themes. I developed persona profiles highlighting each unique user's tasks and goals, then created journey maps to understand relationships between different user types of the platform. These steps guided the development of low fidelity business flows to work out screen-to-screen interactions.

SSWeb-SundaySky-Process

Concepting

I wireframed iteratively to define the information architecture of screens. I also explored various navigation approaches to determine the best experience for the user.

I collaborated with SundaySky stakeholders and users along the way to validate concepts and gather feedback to continue improving the experience.

I wireframed iteratively to define the information architecture of screens. I also explored various navigation approaches to determine the best experience for the user.

I collaborated with SundaySky stakeholders and users along the way to validate concepts and gather feedback to continue improving the experience.

I wireframed iteratively to define the information architecture of screens. I also explored various navigation approaches to determine the best experience for the user.

I collaborated with SundaySky stakeholders and users along the way to validate concepts and gather feedback to continue improving the experience.

SSWeb-SundaySky-Digital Wireframes
SSWeb-SundaySky-Navigation Tests

Sprint Retros

Retros

Sprint Retros

Sprint Retros

After each week-long sprint, I held retro meetings with SundaySky stakeholders to reflect on achievements from the previous sprint and identify areas for improvement. We jotted down points on cards in Figma, then collaboratively categorized and discussed our thoughts.

Retros were especially important because I was working remotely with SundaySky's teams in New York City and Tel Aviv, and I wanted to make sure everyone had the opportunity to share their perspective.

At the end of each week long sprint, I held retrospective meetings with SundaySky stakeholders to reflect on achievements from the previous sprint and identify actions for improvement going forward. These meetings were especially important because I was working remotely with SundaySky's teams in New York City and Tel Aviv, and I wanted to make sure everyone had the chance to share their perspective. We jotted down points on cards in Figma, then collaboratively categorized and discussed our thoughts.

After each week-long sprint, I held retro meetings with SundaySky stakeholders to reflect on achievements from the previous sprint and identify areas for improvement. We jotted down points on cards in Figma, then collaboratively categorized and discussed our thoughts.

Retros were especially important because I was working remotely with SundaySky's teams in New York City and Tel Aviv, and I wanted to make sure everyone had the opportunity to share their perspective.

After each week-long sprint, I held retro meetings with SundaySky stakeholders to reflect on achievements from the previous sprint and identify areas for improvement. We jotted down points on cards in Figma, then collaboratively categorized and discussed our thoughts.

Retros were especially important because I was working remotely with SundaySky's teams in New York City and Tel Aviv, and I wanted to make sure everyone had the opportunity to share their perspective.

SSWeb-SundaySky-Weekly Retros
SSWeb-SundaySky-SmartVideo Dashboards-FloatingLaptops

Design Solutions

Design Solutions

Design Solutions

Design Solutions

The MVP solution is a secure web platform consisting of two primary dashboards and a side-by-side video preview feature. Given the nature of the content, the UI is designed to be very visual and offer the user snapshots into SmartVideo programs and scenes. The solution would finally enable SundaySky to SHOW the power of SmartVideo and instantly surface information which could have previously taken days or even weeks.

The MVP solution is a secure web platform consisting of two primary dashboards and a side-by- side video preview feature. Given the nature of the content, the UI is designed to be very visual and offer the user snapshots into SmartVideo programs and scenes. The solution would finally enable SundaySky to SHOW the power of SmartVideo and instantly surface information which could have previously taken days or even weeks. 

The MVP solution is a secure web platform consisting of two primary dashboards and a side-by-side video preview feature. Given the nature of the content, the UI is designed to be very visual and offer the user snapshots into SmartVideo programs and scenes.

The solution would finally enable SundaySky to SHOW the power of SmartVideo and instantly surface information which could have previously taken days or even weeks.

The MVP solution is a secure web platform consisting of two primary dashboards and a side-by-side video preview feature. Given the nature of the content, the UI is designed to be very visual and offer the user snapshots into SmartVideo programs and scenes.

The solution would finally enable SundaySky to SHOW the power of SmartVideo and instantly surface information which could have previously taken days or even weeks.

Account Dashboard

Account Dashboard

Account Dashboard

Account Dashboard

The Account Dashboard offers a high-level view of a SundaySky customer account and all of their SmartVideo programs. The navigation is card-based, allowing the user to select a program and view associated scenes in the library below. Interactive infographics offer easy access to essential engagement metrics for the account.

The Account Dashboard offers a high level view of a SundaySky customer account and all of their SmartVideo programs. The navigation is card based, allowing the user to select a program and view associated scenes in the library below. Interactive infographics offer easy access to important engagement metrics for the account.

The Account Dashboard offers a high-level view of a SundaySky customer account and all of their SmartVideo programs. The navigation is card-based, allowing the user to select a program and view associated scenes in the library below. Interactive infographics offer easy access to important engagement metrics for the account.

The Account Dashboard offers a high-level view of a SundaySky customer account and all of their SmartVideo programs. The navigation is card-based, allowing the user to select a program and view associated scenes in the library below. Interactive infographics offer easy access to essential engagement metrics for the account.

SSWeb-SundaySky-SV-Account-Dashboard-Screen
SSWeb-SundaySky-Account Dashboard_Elements

Program and scene cards are critical components for navigating the Account Dashboard. They are designed to be flexible and offer various states for selection, and hovering reveals pertinent information. Upon scroll, Program cards collapse to display more on-screen content above the fold.

Program and scene cards are key components for navigating the Account Dashboard. They are designed to be flexible and offer various states for selection and hover reveals of pertinent information. On scroll, Program cards collapse to display more on-screen content above the fold.

Program and scene cards are key components for navigating the Account Dashboard. They are designed to be flexible and offer various states for selection and hovering reveals pertinent information. On scroll, Program cards collapse to display more on-screen content above the fold.

Program and scene cards are critical components for navigating the Account Dashboard. They are designed to be flexible and offer various states for selection, and hovering reveals pertinent information. Upon scroll, Program cards collapse to display more on-screen content above the fold.

Program Dashboard

Program Dashboard

Program Dashboard

Program Dashboard

After selecting a SmartVideo program from the Account Dashboard, the user enters a Program Dashboard where they can learn about targeted stories consisting of video scenes paired with unique customer data. Users can easily turn on/off specific stories to compare participating scenes and insights. Similar to the account level engagement metrics, the Program Dashboard displays metrics specific to the selected program.

After selecting a SmartVideo program from the Account Dashboard, the user enters a Program Dashboard where they can learn about targeted stories consisting of video scenes paired with unique customer data. Users can easily turn on/off specific stories to compare participating scenes and insights. Similar to the account level engagement metrics, the Program Dashboard displays metrics specific to the selected program.

After selecting a SmartVideo program from the Account Dashboard, the user enters a Program Dashboard where they can learn about targeted stories consisting of video scenes paired with unique customer data. Users can easily turn on/off specific stories to compare participating scenes and insights. Similar to the account level engagement metrics, the Program Dashboard displays metrics specific to the selected program.

SSWeb-SundaySky-SV-Program-Dashboard-Screen
SSWeb-SundaySky-Program Dashboard_Elements

The story selection sub-navigation allows the user to switch between story content they want to view in the Program Dashboard. Tabs within the program preview & data component provide the user with different views of valuable information like program and story use cases, goals, participating scenes, and status.

The story selection sub-navigation allows the user to switch between story content they want to view in the Program Dashboard. Tabs within the program preview & data component provide the user with different views of valuable information like program and story use cases, goals, participating scenes and status.

The story selection sub-navigation allows the user to switch between story content they want to view in the Program Dashboard. Tabs within the program preview & data component provide the user with different views of valuable information like program and story use cases, goals, participating scenes, and status.

Side-by-Side Preview

Side-by-Side Preview

Side-by-Side Preview

When two program stories are selected in the sub-navigation, an icon for a Side-by-Side Video Preview feature appears in the Program Dashboard. This feature offers a new UI where the user can compare story videos, along with their unique Preview Data and Scene Libraries. 

Side-by-Side Preview was a significant feature for SundaySky's customer interactions because it allowed their employees to visually explain the nuances between program stories and depict the level of personalization that is possible with their SmartVideo technology.

When two program stories are selected in the sub-navigation, an icon for a Side-by-Side Video Preview feature appears in the Program Dashboard. This feature offers a new UI where the user can compare story videos, along with their unique Preview Data and Scene Libraries. 

This was a very important feature for SundaySky's customer interactions because it allowed their employees to visually explain the nuances between program stories and depict the level of personalization that is possible with their SmartVideo technology.

When two program stories are selected in the sub-navigation, an icon for a Side-by-Side Video Preview feature appears in the Program Dashboard. This feature offers a new UI where the user can compare story videos, along with their unique Preview Data and Scene Libraries. 

Side-by-Side Preview was a significant feature for SundaySky's customer interactions because it allowed their employees to visually explain the nuances between program stories and depict the level of personalization that is possible with their SmartVideo technology.

SSKY-SidebySideVideo-Access
SSWeb-SundaySky-SV-Side-by-Side-Video Preview-Screen
SSWeb-SundaySky-Side by Side Preview_Elements

Within the Side-by-Side Video Preview feature, the Preview Data and Scene Library tabs allow the user to compare different information about each program story in real-time as they preview.

Within the Side-by-Side Video Preview feature, the Preview Data and Scene Library tabs allow the user to compare different information about each program story in real-time as they preview.

Within the Side-by-Side Video Preview feature, the Preview Data and Scene Library tabs allow the user to compare different information about each program story in real-time as they preview.

SSWeb-SundaySky SV-Design System_Divider

Design System & Usage

Design System & Usage

Design System & Usage

I established a flexible design system that includes visual styles, components, and a comprehensive set of guidelines and best practices for usage. The design system not only improved efficiency during the design process but also ensured the platform could continue to evolve and maintain visual consistency.

The design system allows SundaySky's internal design and development teams in when enhancing the dashboards and iterating on new features for their Personalized Video Marketing Cloud™ platform.

I established a flexible design system that includes visual styles, components, and a comprehensive set of guidelines and best practices for usage. The design system not only improved efficiency during the design process but also insured the platform could continue to evolve and maintain visual consistency.

The design system allows SundaySky's internal design and development teams in when enhancing the dashboards and iterating on new features for their Personalized Video Marketing Cloud™ platform.

I established a flexible design system that includes visual styles, components, and a comprehensive set of guidelines and best practices for usage. The design system not only improved efficiency during the design process but also ensured the platform could continue to evolve and maintain visual consistency.

The design system allows SundaySky's internal design and development teams in when enhancing the dashboards and iterating on new features for their Personalized Video Marketing Cloud™ platform.

SSWeb-SundaySky-Components&UsageGuidelines_Compiled

Success and Evolution

Success and Evolution

Success and Evolution

The launch of the MVP to SundaySky internal users was a success, and stakeholders were excited about the solution. The SmartVideo Dashboards became an integral piece of their team's workflow when engaging with customers and explaining the value of their SmartVideo technology.

The launch of the MVP to SundaySky internal users was a success and stakeholders were excited about the solution. The SmartVideo Dashboards became an integral piece of their team's workflow when engaging with customers and explaining the value of their SmartVideo technology.

The launch of the MVP to SundaySky internal users was a success, and stakeholders were excited about the solution. The SmartVideo Dashboards became an integral piece of their team's workflow when engaging with customers and explaining the value of their SmartVideo technology.

The MVP dashboards laid the groundwork for SundaySky's evolving team platform. The design system and framework gave their team the tools they needed to continue building features to integrate with the Personalized Video Marketing Cloud, including scene editing capabilities to demo real-time customization of SmartVideos.

The MVP dashboards laid the groundwork for SundaySky's evolving team platform. The design system and framework gave their team the tools they needed to continue building features to integrate with the Personalized Video Marketing Cloud including scene editing capabilities to demo real-time customization of SmartVideos.

The MVP dashboards laid the groundwork for SundaySky's evolving team platform. The design system and framework gave their team the tools they needed to continue building features to integrate with the Personalized Video Marketing Cloud, including scene editing capabilities to demo real-time customization of SmartVideos.

Read more about the launch of the dashboards and ongoing evolution of SundaySky's platform.

Read more about the launch of the dashboards and ongoing evolution of SundaySky's platform.

Read more about the launch of the dashboards and ongoing evolution of SundaySky's platform.

Demo of the implemented dashboards integrated with SundaySky's Personalized Video Marketing Cloud™. Video from SundaySky

Demo of the implemented dashboards integrated with SundaySky's Personalized Video Marketing Cloud™.
Video from SundaySky

Demo of the implemented dashboards integrated with SundaySky's Personalized Video Marketing Cloud™.
Video from SundaySky

More Work

ThicketUI/UX | Design Systems | Branding

Joey Watson CeramicsWeb | UI/UX | Motion

Grocer's WarehouseBranding | Wayfinding | Web

CollectivityUI/UX | Web | Branding

RCMABranding | Web

WebuzzUI/UX | Branding

AEPBranding | Web

BunkrBranding | Web

Eye x EarBranding | 3D | Motion | Exhibition

Port FondaWayfinding

Emma Fisher x SEPrint | Collaboration

Sam Small
© 2020, All Rights Reserved

SS-FooterSquiggle