ARROW MEDIA CASE STUDY
Optimized Communication Workflows
Via A Mobile App
Enhances client collaboration through a streamlined mobile app experience, offering direct communication and accessible feedback workflows that improve project alignment, visibility, workflow efficiency, and delivery satisfaction.
View Prototype
BIOINSIGHTS CASE STUDY
ARROW MEDIA CASE STUDY
Streamlining Functional Medicine
For Providers At Scale
Optimized Communication Workflows Via A Mobile App
Optimized Communication Workflows Via A Mobile App
Unifies healthcare providers’ workflow into one streamlined web-based platform with a guided experience to confidently deliver personalized high-quality root-cause care.
View Prototype
Enhances client collaboration through a streamlined mobile app experience, offering direct communication and accessible feedback workflows that improve project alignment, visibility, workflow efficiency, and delivery satisfaction.
View Prototype
Enhances client collaboration through a streamlined mobile app experience, offering direct communication and accessible feedback workflows that improve project alignment, visibility, workflow efficiency, and delivery satisfaction.
View Prototype
OVERVIEW
Context, Role, & Design Scope
Context, Role, & Design Scope
Context, Role, & Design Scope
About The Product
About The Product
About The Product
A mobile application designed to streamline communication, updates, and feedback workflows throughout a project's lifecycle into an accessible experience, which allows for more effective collaboration between the team and clients.
A mobile application designed to streamline communication, updates, and feedback workflows throughout a project's lifecycle into an accessible experience, which allows for more effective collaboration between the team and clients.
The Company
The Company
The Company
Arrow Media | Media Production Company
Arrow Media | Media Production Company
A media product company that partners with businesses to strengthen brand awareness through strategic, targeted, high-quality media content. They deliver creative solutions to help communicate brand messaging effectively, enhance audience engagement, and support business growth through collaboration with clients.
A media product company that partners with businesses to strengthen brand awareness through strategic, targeted, high-quality media content. They deliver creative solutions to help communicate brand messaging effectively, enhance audience engagement, and support business growth through collaboration with clients.
Role & Responsibilities
Role & Responsibilities
Role & Responsibilities
UX Designer & UX Researcher
UX Designer & UX Researcher
Led end-to-end UX design process from research through final prototypes, partnering with stakeholders to identify key pain points within the client collaboration workflow and create a solution that improved communication while remaining aligned on client needs throughout the project lifecycle.
Led end-to-end UX design process from research through final prototypes, partnering with stakeholders to identify key pain points within the client collaboration workflow and create a solution that improved communication while remaining aligned on client needs throughout the project lifecycle.
Duration
Duration
Duration
6 weeks (2021)
6 weeks (2021)
6 weeks (2021)
Tools
Tools
Tools
Figma
Figma
Adobe Photoshop
Adobe Photoshop
Google Workspace
Google Workspace
Deliverables
Deliverables
Deliverables
Competitive Analysis
Competitive Analysis
User Survey
User Survey
User Personas
User Personas
User Flows
User Flows
Wireframes
Wireframes
Style Guide
Style Guide
User Interviews
User Interviews
Prototype Usability Testing
Prototype Usability Testing
Hi-Fi Prototypes
Hi-Fi Prototypes
THE CHALLENGE
THE CHALLENGE
THE CHALLENGE
Inefficient communication creates project misalignment, delayed deliveries, and limits growth potential.
Inefficient communication creates project misalignment, delayed deliveries, and limits growth potential.
Inefficient communication creates project misalignment, delayed deliveries, and limits growth potential.
THE SOLUTION
THE SOLUTION
THE SOLUTION
A unified platform that offers accessible updates, feedback, and direct communication.
A unified platform that offers accessible updates, feedback, and direct communication.
A unified platform that offers accessible updates, feedback, and direct communication.
RESEARCH & DISCOVERY
Uncovered Communication Barriers & Collaboration Needs
Uncovered Communication Barriers & Collaboration Needs
Uncovered Communication Barriers & Collaboration Needs
Current State Assessment
Current State Assessment
Current State Assessment
Research efforts began by sitting down with Arrow's founders to gain a foundational understanding of their biggest needs as a company, the types of clients they frequently worked with, and their existing brand, style, and identity. This provided a strong starting point to ensure future efforts met the company's goals and needs, as well as the expectations of their clients.
Research efforts began by sitting down with Arrow's founders to gain a foundational understanding of their biggest needs as a company, the types of clients they frequently worked with, and their existing brand, style, and identity. This provided a strong starting point to ensure future efforts met the company's goals and needs, as well as the expectations of their clients.
Arrow's Requirements
Arrow's Requirements
Support Arrow’s employees & clients throughout a project's lifecycle
Streamline project communication and feedback loops between user groups
Improve visibility of project updates, progress, and deliverables between user groups
Clients
Clients
Busy business owners seeking assistance growing their brands through media content
Business owners looking to stay engaged throughout the project with consistent updates
Business owners who value efficient communication and feedback that fits their busy schedules
Brand Materials
Brand Materials
Existing Arrow Media logo and website
Media projects to understand company’s visual style and creative direction
Limited brand assets beyond portfolio work
Competitive Analysis
Competitive Analysis
Competitive Analysis
Existing media creation and editing platforms were examined to observe how they facilitated user collaboration and communication throughout projects.
Existing media creation and editing platforms were examined to observe how they facilitated user collaboration and communication throughout projects.
Evercast
Evercast
Evercast
Strengths
Strengths
Collaboration and feedback allows on-screen drawing and timestamped notes
Collaboration and feedback allows on-screen drawing and timestamped notes
Sessions can be securely recorded and played back
Sessions can be securely recorded and played back
Allows streaming from any media source
Allows streaming from any media source
Weaknesses
Weaknesses
Can be expensive
Can be expensive
No Android or iOS availability
No Android or iOS availability
Frame.io
Frame.io
Frame.io
Strengths
Strengths
Collaboration and feedback allows on screen drawing and timestamped notes
Collaboration and feedback allows on screen drawing and timestamped notes
Content organization
Content organization
Simple UI and low learning curve
Simple UI and low learning curve
Weaknesses
Weaknesses
Not available on mobile
Not available on mobile
Issues with bugs that disrupt workflow
Issues with bugs that disrupt workflow
Adobe Team Projects
Adobe Team Projects
Adobe Team Projects
Strengths
Strengths
Compatible with other Adobe tools
Compatible with other Adobe tools
Customizable layout
Customizable layout
In-depth editing ability with plenty of
features
In-depth editing ability with plenty of
features
In-depth editing ability with plenty of
features
Weaknesses
Weaknesses
Higher learning curve
Higher learning curve
Only allows for one editor at a time
Only allows for one editor at a time
Notable crashing issues
Notable crashing issues
Subscription based
Subscription based
User Survey
User Survey
User Survey
Understanding Arrow's clients' perspective was essential to defining the right product and experience. My initial product concept was intended to support collaboration between both Arrow and their clients throughout a project's lifecycle, so a user survey was conducted to validate the concept, identify collaboration and feature preferences, and better understand how involved Arrow's clients wanted to be during the creative process.
Understanding Arrow's clients' perspective was essential to defining the right product and experience. My initial product concept was intended to support collaboration between both Arrow and their clients throughout a project's lifecycle, so a user survey was conducted to validate the concept, identify collaboration and feature preferences, and better understand how involved Arrow's clients wanted to be during the creative process.
60%
60%
of participants wanted to be involved throughout the project's lifecycle
of participants wanted to be involved throughout the project's lifecycle
76%
76%
of participants wanted to receive progress updates at least once a week during the project
of participants wanted to receive progress updates at least once a week during the project
100%
100%
of participants found it useful to track progress, collaborate, and leave feedback, all directly within an app
of participants found it useful to track progress, collaborate, and leave feedback, all directly within an app
PRODUCT DEFINITION
Defined User Needs & Collaboration Workflows
Defined User Needs & Collaboration Workflows
Defined User Needs & Collaboration Workflows
User Personas
User Personas
User Personas
Personas were created for the 2 primary user groups:
Personas were created for the 2 primary user groups:
Arrow Media Employee
Arrow Media Employee
Arrow Media Employee
Arrow Media Client (Business Owner)
Arrow Media Client (Business Owner)
Arrow Media Client (Business Owner)
User Stories
User Stories
User Stories
Two sets of user stories were defined based on the insights gathered during research.
Two sets of user stories were defined based on the insights gathered during research.
Focus was intentionally placed on communication improvements, project visibility, and effective collaboration between both user groups throughout a project's lifecycle.
Focus was intentionally placed on communication improvements, project visibility, and effective collaboration between both user groups throughout a project's lifecycle.
Arrow Media Stories
Arrow Media Stories
As a user, I want to be able to track the progress on current projects, so that I can ensure I meet deadlines and deliver client work on time.
As a user, I want to be able to track the progress on current projects, so that I can ensure I meet deadlines and deliver client work on time.
As a user, I want to be able to easily track my active clients and their projects, so that I can properly plan for additional client work and allocate my time effectively.
As a user, I want to be able to easily track my active clients and their projects, so that I can properly plan for additional client work and allocate my time effectively.
As a user, I need to be able to communicate easily with my clients during a project, so that I'm aware of their feedback and needs and can efficiently deliver a project that meets their vision.
As a user, I need to be able to communicate easily with my clients during a project, so that I'm aware of their feedback and needs and can efficiently deliver a project that meets their vision.
Client Stories
Client Stories
As a user, I want to be able to track the progress of my project, so that I can anticipate when to receive final deliverable in order to plan future business objectives.
As a user, I want to be able to track the progress of my project, so that I can anticipate when to receive final deliverable in order to plan future business objectives.
As a user, I want an intuitive and easy way to provide feedback on progress and know that it's been seen, so that I know my voice is being heard.
As a user, I want an intuitive and easy way to provide feedback on progress and know that it's been seen, so that I know my voice is being heard.
As a user, I need to be able to easily communicate with Arrow's team during my project, so that I can stay involved and be aware of progress without needing to schedule additional meetings.
As a user, I need to be able to easily communicate with Arrow's team during my project, so that I can stay involved and be aware of progress without needing to schedule additional meetings.
Primary Workflows
Primary Workflows
Primary Workflows
Insights gained through research, in combination with defined user story goals, shaped the app's primary workflows for each user group. The resulting workflows structured the experience around the core need for efficient collaboration throughout a project's lifecycle, while supporting the unique goals and responsibilities of both Arrow and their clients.
Insights gained through research, in combination with defined user story goals, shaped the app's primary workflows for each user group. The resulting workflows structured the experience around the core need for efficient collaboration throughout a project's lifecycle, while supporting the unique goals and responsibilities of both Arrow and their clients.
Arrow Media Employee Workflow
Arrow Media Employee Workflow
Arrow Media Employee Workflow
Arrow Media Client (Business Owner)
Arrow Media Client (Business Owner)
Arrow Media Client (Business Owner)
DESIGN
Established Structure & Visual Identity
Established Structure & Visual Identity
Established Structure & Visual Identity
Wireframes
Wireframes
Wireframes
Wireframes were created to translate the defined user stories and outlined workflows into an intuitive and straightforward experience for both Arrow and their clients.
Wireframes were created to translate the defined user stories and outlined workflows into an intuitive and straightforward experience for both Arrow and their clients.
From the start, these designs focused attention on project visibility, collaboration and feedback, and communication efficiency, while supporting the unique goals of each user group throughout a project's lifecycle.
From the start, these designs focused attention on project visibility, collaboration and feedback, and communication efficiency, while supporting the unique goals of each user group throughout a project's lifecycle.
Arrow Media Employee
Arrow Media Employee
Arrow Media Clients (Business Owners)
Arrow Media Clients (Business Owners)
Branding & Style Guide
Branding & Style Guide
Branding & Style Guide
The platform's visual identity was developed by pulling inspiration from Arrow’s existing brand, while working to balance the creativity of their work with a stronger sense of professionalism expected from a modern media company.
The platform's visual identity was developed by pulling inspiration from Arrow’s existing brand, while working to balance the creativity of their work with a stronger sense of professionalism expected from a modern media company.
Usability also played an integral role in the visual direction, as the product would require users to frequently review media content on a smaller screen.
Usability also played an integral role in the visual direction, as the product would require users to frequently review media content on a smaller screen.
Style Guide - Color Palette & Logo
Style Guide - Color Palette & Logo
A vibrant purple color was chosen and paired with darker background and interface tones to reinforce creativity and innovation while maintaining strong contrast, enhancing visual focus, and limiting eye strain.
A vibrant purple color was chosen and paired with darker background and interface tones to reinforce creativity and innovation while maintaining strong contrast, enhancing visual focus, and limiting eye strain.
Style Guide - Typography & UI
Style Guide - Typography & UI
Typography and UI styles were selected to maintain a consistent, cohesive experience that felt approachable, engaging, and easy to navigate.
Typography and UI styles were selected to maintain a consistent, cohesive experience that felt approachable, engaging, and easy to navigate.
FEEDBACK, ITERATION, & VALIDATION
Refined The Experience Through User Feedback
Refined The Experience Through User Feedback
Refined The Experience Through User Feedback
Usability Testing
Usability Testing
Usability Testing
Usability testing sessions were conducted remotely via Zoom with Arrow to evaluate how well they could navigate the platform and complete core tasks and workflows.
Usability testing sessions were conducted remotely via Zoom with Arrow to evaluate how well they could navigate the platform and complete core tasks and workflows.
The goal was to identify areas of friction to determine where additional improvements were required to better support the needs of both Arrow and their clients. Through these 3 sessions, several key findings emerged that guided the next iteration of the product.
The goal was to identify areas of friction to determine where additional improvements were required to better support the needs of both Arrow and their clients. Through these 3 sessions, several key findings emerged that guided the next iteration of the product.
Findings
Findings
Findings
01 Workflow Efficiency
01 Workflow Efficiency
Users experienced unnecessary friction when completing common tasks due to the number of steps or clicks required to complete core functionality and frequently used actions.
Users experienced unnecessary friction when completing common tasks due to the number of steps or clicks required to complete core functionality and frequently used actions.
02 Client & Project Visibility
02 Client & Project Visibility
Arrow required greater visibility into customer information to more effectively manage projects, account activity, and client relationships.
Arrow required greater visibility into customer information to more effectively manage projects, account activity, and client relationships.
03 Feedback Workflow Clarity
03 Feedback Workflow Clarity
Users experienced confusion within the feedback process, making it difficult to track individual conversations, revisions, and changes over multiple rounds of edits.
Users experienced confusion within the feedback process, making it difficult to track individual conversations, revisions, and changes over multiple rounds of edits.
Iterations
Iterations
Iterations
The following iterations focused on strengthening the platform's overall usability, intuitive experience, and workflow efficiency for both Arrow and their clients.
The following iterations focused on strengthening the platform's overall usability, intuitive experience, and workflow efficiency for both Arrow and their clients.
Enhanced Workflow Efficiency
Enhanced Workflow Efficiency
Outcome: Reduced navigation effort for app users and increased accessibility to core actions and information.
Outcome: Reduced navigation effort for app users and increased accessibility to core actions and information.
Improved Customer & Project Visibility
Outcome: Enhanced client and project management ability.
Outcome: Enhanced client and project management ability.
Enhanced Feedback Workflow Clarity
Outcome: Improved communication clarity and collaboration ability for both user groups.
Outcome: Improved communication clarity and collaboration ability for both user groups.
FINAL PROTOTYPE
Designed A More Connected Client Experience
Designed A More Connected Client Experience
Designed A More Connected Client Experience
Final Prototype
Final Prototype
Final Prototype
The final prototype created a cohesive mobile experience centered around Arrow's ability to communicate and collaborate with clients over a project's lifecycle.
The final prototype created a cohesive mobile experience centered around Arrow's ability to communicate and collaborate with clients over a project's lifecycle.
Individual workflows were designed for both user groups, allowing each to efficiently manage and track projects, access necessary information, provide feedback, and remain aligned through the project's completion.
Individual workflows were designed for both user groups, allowing each to efficiently manage and track projects, access necessary information, provide feedback, and remain aligned through the project's completion.
Arrow Media Employee
Arrow Media Employee
View the full final prototype for Arrow Media employees.
View the full final prototype for Arrow Media employees.
View Full Prototype
View Full Prototype
View Full Prototype
Arrow Media Client (Business Owners)
Arrow Media Client (Business Owners)
View the full final prototype for Arrow Media clients.
View the full final prototype for Arrow Media clients.
View Full Prototype
View Full Prototype
View Full Prototype
FINAL THOUGHTS & TAKEAWAYS
Identified Lessons & Future Opportunities
Identified Lessons & Future Opportunities
Identified Lessons & Future Opportunities
Reflection
Reflection
Reflection
The project reinforced the importance of designing for the needs of multiple user groups while maintaining alignment around a shared product experience.
The project reinforced the importance of designing for the needs of multiple user groups while maintaining alignment around a shared product experience.
While Arrow and its clients had different goals, their success depended on effective communication and collaboration throughout a project's lifecycle. Balancing clear communication, information and project visibility, and effective feedback loops for both user groups shaped a more connected and impactful experience overall.
While Arrow and its clients had different goals, their success depended on effective communication and collaboration throughout a project's lifecycle. Balancing clear communication, information and project visibility, and effective feedback loops for both user groups shaped a more connected and impactful experience overall.
Future Considerations
Future Considerations
Future Considerations
One area of the product that could be further explored is the feedback workflow. While having dedicated feedback threads greatly improved communication and clarity around revisions, there was still no clear way to track the status of individual pieces of feedback across multiple rounds of editing.
One area of the product that could be further explored is the feedback workflow. While having dedicated feedback threads greatly improved communication and clarity around revisions, there was still no clear way to track the status of individual pieces of feedback across multiple rounds of editing.
Future enhancements could introduce tracking of feedback status, allowing comments to be marked as in progress, completed, or carried forward into future rounds of editing. Allocating additional time to usability testing would also help to uncover opportunities to further enhance collaboration capabilities and project management support for Arrow.
Future enhancements could introduce tracking of feedback status, allowing comments to be marked as in progress, completed, or carried forward into future rounds of editing. Allocating additional time to usability testing would also help to uncover opportunities to further enhance collaboration capabilities and project management support for Arrow.
INTERESTED IN COLLABORATING OR LEARNING MORE?
Let's Connect!
INTERESTED IN COLLABORATING OR LEARNING MORE?
Let's Connect!
INTERESTED IN COLLABORATING OR LEARNING MORE?
Let's Connect!