Ylopo. Los Angelas
Ylopo. Los Angelas
College Project
College Project
College Project
Redesigning Mission Control
Redesigning Mission Control
The System Redesign to boost performance for a Real Estate Marketing Platform
The System Redesign to boost performance for a Real Estate Marketing Platform
The System Redesign to boost performance for a Real Estate Marketing Platform
-21%
-21%
-21%
task completion time
task completion time
task completion time
-17%
-17%
-17%
Reduction in user error rate
Reduction in user error rate
Reduction in user error rate
+80%
+80%
+80%
user satisfaction rating
user satisfaction rating
user satisfaction rating
Sponsored Project
Sponsored Project
Sponsored Project
Product Design
Product Design
Product Design
End to End Product
End to End Product
End to End Product
User Research
User Research
User Research
Executive Summary
Project Data
My Role
End-to-End Designer & Researcher
End-to-End Designer & Researcher
End-to-End Designer & Researcher
Team
Studio Practice Team (Collaborated with PMs & Developers)
Studio Practice Team (Collaborated with PMs & Developers)
Studio Practice Team (Collaborated with PMs & Developers)
Timeline
5 months
5 months
5 months
Focus
B2B SaaS, Dashboard Design, Design Systems
B2B SaaS, Dashboard Design, Design Systems
B2B SaaS, Dashboard Design, Design Systems
Context
Mission Control is a real estate marketing dashboard that empowers individual agents to independently fund, launch, and manage ad campaigns, removing the operational bottleneck of relying on team owners.
Mission Control is a real estate marketing dashboard that empowers individual agents to independently fund, launch, and manage ad campaigns, removing the operational bottleneck of relying on team owners.
Mission Control is a real estate marketing dashboard that empowers individual agents to independently fund, launch, and manage ad campaigns, removing the operational bottleneck of relying on team owners.
Process
Discover
Design Audit & 6 User Interviews to identify gaps
Discover
Design Audit & 6 User Interviews to identify gaps
Discover
Design Audit & 6 User Interviews to identify gaps
Define
Restructuring Information Architecture & User Flows
Define
Restructuring Information Architecture & User Flows
Define
Restructuring Information Architecture & User Flows
Design
Low-fi Sketches to High-Fidelity Wireframes
Design
Low-fi Sketches to High-Fidelity Wireframes
Design
Low-fi Sketches to High-Fidelity Wireframes
Validate
Usability Testing & Iteration
Validate
Usability Testing & Iteration
Validate
Usability Testing & Iteration
Problem
Solution
Impact
Lack of Autonomy: Agents had "No Access" to run their own ads, creating a dependency on team owners that caused miscommunication and delays.
Lack of Autonomy: Agents had "No Access" to run their own ads, creating a dependency on team owners that caused miscommunication and delays.
Lack of Autonomy: Agents had "No Access" to run their own ads, creating a dependency on team owners that caused miscommunication and delays.
Agent-Centric Dashboard: A scalable platform featuring a "One-Click Ad Launch" flow and a restructured Information Architecture (IA) designed specifically for agent workflows.
Agent-Centric Dashboard: A scalable platform featuring a "One-Click Ad Launch" flow and a restructured Information Architecture (IA) designed specifically for agent workflows.
Agent-Centric Dashboard: A scalable platform featuring a "One-Click Ad Launch" flow and a restructured Information Architecture (IA) designed specifically for agent workflows.
Efficiency: Usability testing revealed a 21% decrease in task completion time and a 17% reduction in user error rates.
Efficiency: Usability testing revealed a 21% decrease in task completion time and a 17% reduction in user error rates.
Efficiency: Usability testing revealed a 21% decrease in task completion time and a 17% reduction in user error rates.
Cognitive Load: The legacy interface suffered from outdated features, confusing terminology, and a lack of system feedback
Cognitive Load: The legacy interface suffered from outdated features, confusing terminology, and a lack of system feedback
Cognitive Load: The legacy interface suffered from outdated features, confusing terminology, and a lack of system feedback
Modern Design System: Implemented a new visual language (Geist typography, color-coded status tags) to improve data readability and navigation
Modern Design System: Implemented a new visual language (Geist typography, color-coded status tags) to improve data readability and navigation
Modern Design System: Implemented a new visual language (Geist typography, color-coded status tags) to improve data readability and navigation
Satisfaction: Achieved an 80% user satisfaction rating, leading to the design system being adapted across the wider Ylopo ecosystem
Satisfaction: Achieved an 80% user satisfaction rating, leading to the design system being adapted across the wider Ylopo ecosystem
Satisfaction: Achieved an 80% user satisfaction rating, leading to the design system being adapted across the wider Ylopo ecosystem
Design Snapshot
Check Final Design
Check Final Design
Check Final Design
Detailed Project Walkthrough
Detailed Project Walkthrough
Detailed Project Walkthrough
What is Ylopo and Mission Control?
What is Ylopo and Mission Control?
What is Ylopo and Mission Control?
Ylopo is a technological startup that enables professionals in the real estate market, such as agents and team owners, to run campaigns to attract buyers to their listed properties. These professions do this through a platform in Ylopo called the Mission Control.
Mission Control enables team owners to run their advertisement campaigns by creating, managing, and funding them, and tracking their leads from these ads.
But..
Mission Control allows only team owners to create and run campaigns, which reduces accessibility for agents in the same team to access the platform, causing miscommunication and reliance on team owners to work. The current Mission Control has many outdated features and an interface design that confuses the current users.
Ylopo is a technological startup that enables professionals in the real estate market, such as agents and team owners, to run campaigns to attract buyers to their listed properties. These professions do this through a platform in Ylopo called the Mission Control.
Mission Control enables team owners to run their advertisement campaigns by creating, managing, and funding them, and tracking their leads from these ads.
But..
Mission Control allows only team owners to create and run campaigns, which reduces accessibility for agents in the same team to access the platform, causing miscommunication and reliance on team owners to work. The current Mission Control has many outdated features and an interface design that confuses the current users.
Ylopo is a technological startup that enables professionals in the real estate market, such as agents and team owners, to run campaigns to attract buyers to their listed properties. These professions do this through a platform in Ylopo called the Mission Control.
Mission Control enables team owners to run their advertisement campaigns by creating, managing, and funding them, and tracking their leads from these ads.
But..
Mission Control allows only team owners to create and run campaigns, which reduces accessibility for agents in the same team to access the platform, causing miscommunication and reliance on team owners to work. The current Mission Control has many outdated features and an interface design that confuses the current users.
Core Problem
To understand how the current Mission Control is designed & operated by multiple stakeholders to identify the gaps in the application.
To understand how the current Mission Control is designed & operated by multiple stakeholders to identify the gaps in the application.
Problem Space
Problem Space
Problem Space
How might we allow agents to independently fund and run their own ad campaigns?
How might we allow agents to independently fund and run their own ad campaigns?
Create agent view of Mission Control
Grant agents exclusive access within Mission Control to run, manage, and fund campaigns for their properties, while isolating their data from other campaigns.
Create agent view of Mission Control
Grant agents exclusive access within Mission Control to run, manage, and fund campaigns for their properties, while isolating their data from other campaigns.
Create agent view of Mission Control
Grant agents exclusive access within Mission Control to run, manage, and fund campaigns for their properties, while isolating their data from other campaigns.
Redesign Mission Control experience by improving the Information Architecture
Develop a scalable, cohesive user experience for Mission Control that addresses the pain points and needs of all stakeholders
Redesign Mission Control experience by improving the Information Architecture
Develop a scalable, cohesive user experience for Mission Control that addresses the pain points and needs of all stakeholders
Redesign Mission Control experience by improving the Information Architecture
Develop a scalable, cohesive user experience for Mission Control that addresses the pain points and needs of all stakeholders
Update the design system and Interface design of the Mission Control dashboard
Upgrade the design system of Ylopo Mission Control without changing the brand’s theme color.
Update the design system and Interface design of the Mission Control dashboard
Upgrade the design system of Ylopo Mission Control without changing the brand’s theme color.
Update the design system and Interface design of the Mission Control dashboard
Upgrade the design system of Ylopo Mission Control without changing the brand’s theme color.
User Research
User Research
User Research
We started with researching about the application and how similar applications in the market are performing by conducting competitor analysis and we also interviewed multiple stakeholders and user groups to understand the current gaps
We started with researching about the application and how similar applications in the market are performing by conducting competitor analysis and we also interviewed multiple stakeholders and user groups to understand the current gaps
Research Groups
Research Groups
15
15
Research Method
Research Method
Semi-structured Interviews
Semi-structured Interviews
Location
Location
Zoom
Zoom
So what did we understand in 2 months of research?
So what did we understand in 2 months of research?
So what did we understand in 2 months of research?
Agents
Agents
Agents
"We want to launch our own campaigns, pay for them and have immediate access to every lead that is generated. “
"We want to launch our own campaigns, pay for them and have immediate access to every lead that is generated. “
Lack of Access
Agents lack the autonomy and access rights to manage and track their listing ads directly, causing inefficiencies and delays in responding to leads and adapting to market trend
Lack of Access
Agents lack the autonomy and access rights to manage and track their listing ads directly, causing inefficiencies and delays in responding to leads and adapting to market trend
Lack of Access
Agents lack the autonomy and access rights to manage and track their listing ads directly, causing inefficiencies and delays in responding to leads and adapting to market trend
Teamowners
Teamowners
Teamowners
“ I didn’t use the platform very often, it’s too complicated & not intuitive”
“ I didn’t use the platform very often, it’s too complicated & not intuitive”
Unclear information design
“I care most about the status of leads that each campaign can generate, but the statics are lacking and I can’t deal with the leads directly.”
Unclear information design
“I care most about the status of leads that each campaign can generate, but the statics are lacking and I can’t deal with the leads directly.”
Unclear information design
“I care most about the status of leads that each campaign can generate, but the statics are lacking and I can’t deal with the leads directly.”
Lack of visualization
“During the campaign creating process (listing rocket), clicking the link to see the sample of each type of campaign is not intuitive, too many steps.”
Lack of visualization
“During the campaign creating process (listing rocket), clicking the link to see the sample of each type of campaign is not intuitive, too many steps.”
Lack of visualization
“During the campaign creating process (listing rocket), clicking the link to see the sample of each type of campaign is not intuitive, too many steps.”
Lack of scalability
“There are many types of campaign (listing rocket, PPC, remarketing, social media, custom), it’s hard to navigate when having more types in the future.”
Lack of scalability
“There are many types of campaign (listing rocket, PPC, remarketing, social media, custom), it’s hard to navigate when having more types in the future.”
Lack of scalability
“There are many types of campaign (listing rocket, PPC, remarketing, social media, custom), it’s hard to navigate when having more types in the future.”
Finance Team
Finance Team
Finance Team
“We manage clients’ credit card offline, they need to contact our staff every time they want to change their card.”
“We manage clients’ credit card offline, they need to contact our staff every time they want to change their card.”
Lack of Online Payment
“Clients don’t have the autonomy to change the payment method in an convenient way, which greatly influences the efficiency of communication & the efficiency of the business.”
Lack of Online Payment
“Clients don’t have the autonomy to change the payment method in an convenient way, which greatly influences the efficiency of communication & the efficiency of the business.”
Lack of Online Payment
“Clients don’t have the autonomy to change the payment method in an convenient way, which greatly influences the efficiency of communication & the efficiency of the business.”
Customer Success Team
Customer Success Team
Customer Success Team
“We don’t have real-time campaign notifications by text or by email, normally clients just contact our staff for the information updates.”
“We don’t have real-time campaign notifications by text or by email, normally clients just contact our staff for the information updates.”
Lack of notification updates
“Clients rely deeply on us to get updated information which also bring great inconvenience to clients and affect their satisfaction to our platform.”
Lack of notification updates
“Clients rely deeply on us to get updated information which also bring great inconvenience to clients and affect their satisfaction to our platform.”
Lack of notification updates
“Clients rely deeply on us to get updated information which also bring great inconvenience to clients and affect their satisfaction to our platform.”
Current Ylopo Designs
Current Ylopo Designs
Current Ylopo Designs
Identifying Core Problem areas to explore
These findings fundamentally reshaped our approach.
Identifying Core Problem areas to explore
Fragmented Information Architecture
The platform suffers from inconsistent navigation patterns and unclear hierarchies. Multiple nested tabs, inconsistent dropdown behaviors, and scattered action buttons across different sections create cognitive overload. This directly impacts the agents' complaint about the platform being "too complicated & not intuitive," forcing users to navigate through numerous clicks to accomplish simple tasks.
1
2
3
4
Fragmented Information Architecture
The platform suffers from inconsistent navigation patterns and unclear hierarchies. Multiple nested tabs, inconsistent dropdown behaviors, and scattered action buttons across different sections create cognitive overload. This directly impacts the agents' complaint about the platform being "too complicated & not intuitive," forcing users to navigate through numerous clicks to accomplish simple tasks.
1
2
3
4
Fragmented Information Architecture
The platform suffers from inconsistent navigation patterns and unclear hierarchies. Multiple nested tabs, inconsistent dropdown behaviors, and scattered action buttons across different sections create cognitive overload. This directly impacts the agents' complaint about the platform being "too complicated & not intuitive," forcing users to navigate through numerous clicks to accomplish simple tasks.
1
2
3
4
How do we implement these insights?
How do we implement these insights?
How do we implement these insights?
We started with Design Audit of the current website and worked towards understanding the Visual discrepancies in the application
These findings fundamentally reshaped our approach.
We started with Design Audit of the current website and worked towards understanding the Visual discrepancies in the application
Existing Features
Existing Features
Features from Admin Access
Features from Admin Access
Features from Admin Access
Campaign Insights
Campaign Insights
Campaign Insights
Listing Rocket Ads
Listing Rocket Ads
Listing Rocket Ads
Targeted ads
Targeted ads
Targeted ads
Play and Pause Ads
Play and Pause Ads
Play and Pause Ads
Budget Information
Budget Information
Budget Information
Customizable Dyva Ads
Customizable Dyva Ads
Customizable Dyva Ads
Play and Pause Marketing
Play and Pause Marketing
Play and Pause Marketing
New Feature Suggestions
New Feature Suggestions
Based on Insights from Interviews
Based on Insights from Interviews
Based on Insights from Interviews
Interactable insights
Interactable insights
Interactable insights
Dyva Ads simplification
Dyva Ads simplification
Dyva Ads simplification
Control over campaign
Control over campaign
Control over campaign
Budget Reallocation
Budget Reallocation
Budget Reallocation
Information Privacy
Information Privacy
Information Privacy
Administrative Control
Administrative Control
Administrative Control
Intractable Leads Data
Intractable Leads Data
Intractable Leads Data
Budget Information
Budget Information
Budget Information
Branding in ads
Branding in ads
Branding in ads
Downloadable Dyva Ads
Downloadable Dyva Ads
Downloadable Dyva Ads
Autonomy in Dyva Ads
Autonomy in Dyva Ads
Autonomy in Dyva Ads
Lead Management
Lead Management
Lead Management
Budget Management
Budget Management
Budget Management
Billing Information Saved
Billing Information Saved
Billing Information Saved
Dyva Ads preview
Dyva Ads preview
Dyva Ads preview
Lead Privacy and Ownership
Lead Privacy and Ownership
Lead Privacy and Ownership
Geographic lead identification
Geographic lead identification
Geographic lead identification
Incorporation in Information Architecture
Incorporation in Information Architecture
Incorporation in Information Architecture
We came into some issues during this phase of our project
We came into some issues during this phase of our project
We came into some issues during this phase of our project
The business need and the users wishes for potential features clashed with our timeline. This is when we conducted testing to understand which features should make the final round of designs. This included card sorting and usability testing to figure out some pointers. To dive deeper we mapped out user journeys.
The business need and the users wishes for potential features clashed with our timeline. This is when we conducted testing to understand which features should make the final round of designs. This included card sorting and usability testing to figure out some pointers. To dive deeper we mapped out user journeys.
The business need and the users wishes for potential features clashed with our timeline. This is when we conducted testing to understand which features should make the final round of designs. This included card sorting and usability testing to figure out some pointers. To dive deeper we mapped out user journeys.
Is linking of the CRM portal of leads necessary?
Is linking of the CRM portal of leads necessary?
Is linking of the CRM portal of leads necessary?
What billing methods are accepted and used by the agents?
What billing methods are accepted and used by the agents?
What billing methods are accepted and used by the agents?
What are the gaps in creation of ads for teamowners that should be addressed for agents?
What are the gaps in creation of ads for teamowners that should be addressed for agents?
What are the gaps in creation of ads for teamowners that should be addressed for agents?
Report creation and reverse lookups are least used in the platform. Will incorporating it in command center align better?
Report creation and reverse lookups are least used in the platform. Will incorporating it in command center align better?
Report creation and reverse lookups are least used in the platform. Will incorporating it in command center align better?
By dicussing with engineering team, can we incorporate ‘preview’?
By dicussing with engineering team, can we incorporate ‘preview’?
By dicussing with engineering team, can we incorporate ‘preview’?
Do we need an analytics page of Lead & Budgets and how much data?
Do we need an analytics page of Lead & Budgets and how much data?
Do we need an analytics page of Lead & Budgets and how much data?
Current IA & Issues and Updated IA according to insights and new features
Current IA & Issues and Updated IA according to insights and new features
Current IA & Issues and Updated IA according to insights and new features
Assigned functions as per login role i.e Agent + Team Owner
Assigned functions as per login role i.e Agent + Team Owner
Assigned functions as per login role i.e Agent + Team Owner
Previous IA
Redesigned IA
Previous IA
Redesigned IA
Previous IA
Redesigned IA
After multiple iteration, how did we assume the new mission control look?
After multiple iteration, how did we assume the new mission control look?
After multiple iteration, how did we assume the new mission control look?
With constant feedback from all groups of stakeholders and users, we refined our features and designs according to the requirements. This process enabled us to focus on four major project flows.
With constant feedback from all groups of stakeholders and users, we refined our features and designs according to the requirements. This process enabled us to focus on four major project flows.
With constant feedback from all groups of stakeholders and users, we refined our features and designs according to the requirements. This process enabled us to focus on four major project flows.
Campaign Insights
Campaign Insights
Campaign Insights
Campaign Creation
Campaign Creation
Campaign Creation
Command Center
Command Center
Command Center
Budget & Analysis
Budget & Analysis
Budget & Analysis
Final Solution
Final Solution
Final Solution
Mission Control Agent Dashboard
Mission Control Agent Dashboard
Mission Control Agent Dashboard
A clean, easy-to-use, modern interface that allows agents to run, fund, & manage their own ads.
A clean, easy-to-use, modern interface that allows agents to run, fund, & manage their own ads.
A clean, easy-to-use, modern interface that allows agents to run, fund, & manage their own ads.
Agent-First Campaign Autonomy (Create, Fund, and Control Ads)
Business Requirement
Agents now have their own Mission Control view that allows them to independently create, fund, launch, pause, and manage campaigns without visibility into team-owner or company-funded campaigns. This feature fundamentally shifts Mission Control from a “request-based” tool to an action-oriented platform, empowering agents while still preserving data privacy and organizational boundaries.
Agent-First Campaign Autonomy (Create, Fund, and Control Ads)
Business Requirement
Agents now have their own Mission Control view that allows them to independently create, fund, launch, pause, and manage campaigns without visibility into team-owner or company-funded campaigns. This feature fundamentally shifts Mission Control from a “request-based” tool to an action-oriented platform, empowering agents while still preserving data privacy and organizational boundaries.
Agent-First Campaign Autonomy (Create, Fund, and Control Ads)
Business Requirement
Agents now have their own Mission Control view that allows them to independently create, fund, launch, pause, and manage campaigns without visibility into team-owner or company-funded campaigns. This feature fundamentally shifts Mission Control from a “request-based” tool to an action-oriented platform, empowering agents while still preserving data privacy and organizational boundaries.
Simplified Campaign Creation with Clear Status & Progress Visibility
User Research
A streamlined, step-by-step campaign creation flow with: Draft autosave, Clear progress indicators, Explicit ad and listing statuses (Live, Paused, Expired; Active, Pending, Sold). The system now communicates system status transparently, preventing costly errors and increasing user confidence, especially for first-time or infrequent users.
Simplified Campaign Creation with Clear Status & Progress Visibility
User Research
A streamlined, step-by-step campaign creation flow with: Draft autosave, Clear progress indicators, Explicit ad and listing statuses (Live, Paused, Expired; Active, Pending, Sold). The system now communicates system status transparently, preventing costly errors and increasing user confidence, especially for first-time or infrequent users.
Simplified Campaign Creation with Clear Status & Progress Visibility
User Research
A streamlined, step-by-step campaign creation flow with: Draft autosave, Clear progress indicators, Explicit ad and listing statuses (Live, Paused, Expired; Active, Pending, Sold). The system now communicates system status transparently, preventing costly errors and increasing user confidence, especially for first-time or infrequent users.
One-Click Launch with Presets & Visual Ad Previews
Business Requirement
Agents repeatedly expressed uncertainty about which ad types to choose, what ads would look like before launch, and how much effort was required to get started. Marketing and finance teams also highlighted the lack of preview functionality as a source of delays, rework, and refund requests. This feature transforms campaign creation from a high-effort, high-risk task into a low-friction, confidence-driven action, increasing adoption and campaign volume.
One-Click Launch with Presets & Visual Ad Previews
Business Requirement
Agents repeatedly expressed uncertainty about which ad types to choose, what ads would look like before launch, and how much effort was required to get started. Marketing and finance teams also highlighted the lack of preview functionality as a source of delays, rework, and refund requests. This feature transforms campaign creation from a high-effort, high-risk task into a low-friction, confidence-driven action, increasing adoption and campaign volume.
One-Click Launch with Presets & Visual Ad Previews
Business Requirement
Agents repeatedly expressed uncertainty about which ad types to choose, what ads would look like before launch, and how much effort was required to get started. Marketing and finance teams also highlighted the lack of preview functionality as a source of delays, rework, and refund requests. This feature transforms campaign creation from a high-effort, high-risk task into a low-friction, confidence-driven action, increasing adoption and campaign volume.
Centralized Command Center for Budget, Billing & Notifications
User Research
Budget details lived in PDFs, notifications in emails, billing changes required phone calls, and settings were scattered across the interface, which made financial tracking stressful and error-prone for both agents and team owners. The Command Center establishes Mission Control as a self-serve system, reducing reliance on support teams while increasing transparency and trust.
Centralized Command Center for Budget, Billing & Notifications
User Research
Budget details lived in PDFs, notifications in emails, billing changes required phone calls, and settings were scattered across the interface, which made financial tracking stressful and error-prone for both agents and team owners. The Command Center establishes Mission Control as a self-serve system, reducing reliance on support teams while increasing transparency and trust.
Centralized Command Center for Budget, Billing & Notifications
User Research
Budget details lived in PDFs, notifications in emails, billing changes required phone calls, and settings were scattered across the interface, which made financial tracking stressful and error-prone for both agents and team owners. The Command Center establishes Mission Control as a self-serve system, reducing reliance on support teams while increasing transparency and trust.
Actionable Notifications with User-Controlled Preferences
User Research
Agents and team owners consistently missed critical updates because notifications were buried mid-page or spread across tools led to delays in follow-ups and missed opportunities. Notifications now function as proactive system feedback, supporting timely decision-making instead of interrupting workflows.
Actionable Notifications with User-Controlled Preferences
User Research
Agents and team owners consistently missed critical updates because notifications were buried mid-page or spread across tools led to delays in follow-ups and missed opportunities. Notifications now function as proactive system feedback, supporting timely decision-making instead of interrupting workflows.
Actionable Notifications with User-Controlled Preferences
User Research
Agents and team owners consistently missed critical updates because notifications were buried mid-page or spread across tools led to delays in follow-ups and missed opportunities. Notifications now function as proactive system feedback, supporting timely decision-making instead of interrupting workflows.
Business Impact
Business Impact
Business Impact
How does it impact the business, and how does it benefit our users following user testing?
These findings fundamentally reshaped our approach.
How does it impact the business, and how does it benefit our users following user testing?
21% reduction
task completion time
21% reduction
task completion time
30% reduction
Campaign creation time
30% reduction
Campaign creation time
17% reduction
User Error Rate
17% reduction
User Error Rate
80% increase
User Satisfaction
80% increase
User Satisfaction
Sam.
Let's Connect & Brainstorm the wildest ideas that you wrote in your book when you were a kid!
Sam.
Let's Connect & Brainstorm the wildest ideas that you wrote in your book when you were a kid!
Sam.
Let's Connect & Brainstorm the wildest ideas that you wrote in your book when you were a kid!