Agent Copilot

Product Designer

January 2023 - February 2024
Task: Design user interface for Agent Copilot's platform to provide personalized customer experience.
Team: Product Designer (me), Second Product Designer, AI Engineer, Back-end Engineer, Front-end Engineer, Marketing Lead

Company Background

Initially designed for real estate agents, Agent Copilot is a startup that helps businesses to create and send big amounts of personalized video messages to their customers using AI technologies without spending much time on each video. Their technology helps to produce needed amount of videos by using database information and customization properties that makes each video unique.

My Role

Joining Agent Copilot as a product designer, I worked closely with second designer. My tasks were to conceptualize and design product's user interface for both - web and mobile applications. My workflow was very diverse from competitive analysis and user researches to designing interfaces based on feedback from the marketing team and prospective clients.

Problem

Agent Copilot needed to address the specific challenges of personalizing client communications at scale, which is time-consuming and complex. The platform had to be intuitive enough for professionals, balancing customization features with simplicity of use. However, as we explored its potential, we recognized the need for a versatile platform that could support other customer-facing industries as well. This required creating an intuitive interface for everyone, regardless of the industry they work, that could make the complex AI-driven technology user friendly.

Work process

Our team operated on 10-day sprints - a dynamic environment for working on new tasks and challenges. Each sprint began with problem ideation phase, followed by brainstorming sessions where I would develop and suggest solutions. I also worked closely with both front-end and back-end developers to be on the same page when it came to design implementations. I provided detailed design specifications and took part in regular discussions to troubleshoot and refine the development.
This collaborative process was not only about creating designs but also making sure they were aligned with feedback from potential clients, shared by our CEO through testing videos and direct responses. This cycle of design helped us to get closer to user needs.

Design process

1. Ideation and initial conceptualization
Brainstorming and conceptualizing  design solutions through discussions with the team and competitive analysis results, focusing on simplicity and initial user needs.
2. Refining design and integrating feedback
Based on user and team feedback refining designs - to improve usability and make sure that our product meets targeted user experiences.
3. Implementation

Implementing designs in collaboration with engineering team and improving them based on real-world user feedback to adapt and evolve the product.

User Research

Goals and methodologies

The focus of our user research was to gain a deep understanding of :

  • Specific needs and preferences of real estate agents and other customer-facing professionals when communicating with clients.
  • Motivations driving their use of personalized communication tools.
  • Typical workflow of these professionals and how automation could simplify their tasks.

We conducted secondary research to analyze existing solutions in the market, aiming to identify gaps in services offered to customer-facing professionals. We engaged in interviews with a diverse group of 8 professionals, including real estate agents and salespeople to understand their needs and pain points in client communication.

Competitive Analysis for Agent Copilot

As part of the UX design process for Agent Copilot, we conducted a comprehensive competitive analysis to understand similarities and differences between AI powered customer engagement platforms that offer video message services. Our analysis included 10 companies based on what we got fresh insights of the market trends, possible user expectations and most important - potential areas for evolution.

- Twitch
- Vidyard
- Loom
- Apollo
- Tavus
- Bombbomb
- Potion
- Infinite Pixel
- Repliq
- HubSpot
Similarities and distinguishing factors:

While many platforms provide video creation and distribution tools, none matched Agent Copilot's vision for the highest level of content personalization. This analysis was important in building our UX design strategy, focusing on simplicity and user intuitiveness, making sure the process of creating video campaigns would be accessible and smooth.

User Interviews

During the interviews with real estate agents, it became evident that many of them struggle to maintain personalized interactions due to their busy schedules. Agents expressed a need for an efficient way to manage client information and interactions without compromising the personal touch. Common feedback included challenges in remembering important client details like birthdays, key anniversaries and specific property preferences, which would help deliver personalized service.

Insights

The insights gained from these discussions highlighted a need for features that could automate personalized communications based on minimal input, such as names or key dates from spreadsheets. This would allow agents to offer tailored experiences more efficiently, spending minimum amount of time on each case. The focus shifted towards enhancing the platform's ability to streamline personalization processes, helping agents manage numerous client relationships.

User Persona

After compiling the outtakes from the research, I was able to create a persona that represents the main user group. This persona aids in keeping the team aligned on who they are designing for and why.

User Scenario

After developing the user persona for Agent Copilot, I envisioned a scenario where our persona, John, could benefit from the platform's features.

Scenario: Promoting New Developments Event - John discovers a new area with several upcoming developments and wants to inform his clients about it.

  1. Logging into Agent Copilot: John logs into Agent Copilot from his desktop computer to create a video campaign for his clients.
  2. Initiating Video Campaign: In the platform, John selects the "Create New Campaign" option and chooses "Video Campaign" as the campaign type.
  3. Selecting Template: John selects a template suitable for promoting events, highlighting the new developments and inviting clients to an exclusive event.
  4. Personalizing Video: Using Agent Copilot's video recorder, John records a personalized message for his clients, selecting key words and adding detailed information for the AI to make changes, so outcome would be addressing each client by name and mentioning specific details tailored to their interests and preferences.
  5. Adding Event Details: John includes details about the event, such as date, time, and location, in the video message. He emphasizes the opportunity for clients to learn more about the newly established apartment complexes and meet with him in person.
  6. Integrating CRM: John integrates his Salesforce CRM account with Agent Copilot to access his client list directly. He selects the list of clients he wants to send the video campaign to, ensuring it reaches the right audience.
  7. Scheduling and Sending: After reviewing the video campaign and confirming the recipient list, John schedules the campaign to be sent out at an optimal time when his clients are most likely to engage with it.
  8. Tracking Engagement: John monitors the campaign's performance through Agent Copilot's analytics dashboard, tracking metrics such as open rates and click-through rates to understand client interest and engagement.
  9. Following Up: Following the campaign, John follows up with interested clients individually, providing additional information and assistance as needed to further nurture client relationships and drive potential leads.

Initial Task Flows

After having defined the features of the app, I created flows for the main tasks.

App Navigation Map

Based on the user flow, task flows and feature roadmap, I designed the simple app map that’s functional and easy to navigate.

Features Prioritiation

For designing the user interface of Agent Copilot, I realized how important it would be to keep things simple and user-friendly, with complex features of AI integration. From customizing campaigns to syncing voices in videos, every tool needs to be easy for users to use without getting overwhelmed. So, while we aim for powerful capabilities, our main goal is to make everything intuitive and straightforward.

List of features:

Campaign Customization: Options for personalizing video campaigns with client names, property details making messages tailored for the user needs.
Voice Cloning for AI: Integration of voice cloning technology to mimic the user's voice for creating personalized messages.
Video Lip Syncing: Tools for lip syncing of substituted names and personalized messages in recorded videos.
CRM Integration: Integration with CRM platforms for easy access to client data and communication history.
Analytics Dashboard: Analytics dashboard to track campaign performance and client engagement metrics.
Profile Setup: Streamlined onboarding process for quick input of user information and preferences.
Notification Preferences: Customizable notification settings for timely reminders and updates on client interactions.
Template Library: Access to a library of pre-built video templates for quick campaign creation and customization.
Offline Mode: Ability to work offline and sync data automatically once back online for uninterrupted usage
Collaboration Tools: Features for collaboration with team members, such as sharing campaigns and client notes securely within the app.

UI Kit

User flow prototypes

Diving into the design of our user flow prototypes, I prioritized simplicity and efficiency throughout the design process. From the initial account creation to video creation flows - my goal was to reduce the amount of clicks user could make, ensuring each experience would feel natural and easy to navigate.

Some Interactions...

Landing Page

Welcoming page for the users showcasing Agent Copilot's idea encorauging users to try service out.

Workspace

Allows users to pick an AI agent for the campaign creation and have an overview of excisting agents they are working with.

Voice Cloning

Voice Cloning flow - allows users to make their own voice model for AI Agents to use it.

Learning and growth

Agent Copilot served me as a start of my professional grown, giving me a great amount of design process deliverables.

1. Extracting key design elements

Learning to transform the CEO's vision into practical and useful design elements was challenging. But it helped to understand goals of new features showing how would they fit into user's journey.

2. Communication with engineers

Clear and precise communication with the engineering team was important to avoid misunderstandings and ensure time-effective progress during the sprints.

3. Stepping into a leadership role

Being only one designer for a big period of time - was a unique opportunity to apply my skills in a new context, developing my ability to make design decisions quickly and more efficient.

4. Understanding client needs

Direct access to client feedback was helpful in developing a deep understanding of our user's psychology. This process helped me to understand common points across different users feedback, which was important for our design solutions be user-friendly.

5. Minimalist design approach

I developed a minimalist design philosophy, focusing on simplicity and usefulness on the first place. This approach helped in a build-up design process where new / additional elements were added after new ideas on our collaborative design sessions.

6. Personal and professional development

Fast growing startup environment at Agent Copilot significantly contributed to my growth as a designer. Each sprint brought new challenges and learning opportunities, enabling me to evolve my design and soft skills.

Reflecting on my journey

My time at Agent Copilot was more than just a series of design tasks: it was an intensive learning experience in a fast-paced environment that shaped me as a designer and a professional, as being a part of a growing startup - I was able to wear different hats and have a lot of different responsibilities. Working closely with a talented team, facing and overcoming challenges and seeing the impact of our work on prospective clients, enriched my skill set and gave me a lot of insights that will continue to influence my approach to design.

Next Project ➡️