WEBWATCH

Helping content creators track and protect their work across the digital landscape

Our digital asset tracker monitors, reports, and safeguards copyrighted content, giving creators control and insight for smarter asset management.

The Challenge

Content creators were losing revenue and control of their intellectual property due to online piracy. WebWatch's platform aimed to solve this, but users faced challenges including a cluttered interface, technical jargon, rigid workflows, and inconsistent branding.

Jump to the Solution ↗

Info

Role

UX Designer

Timeline

May 2024 - June 2024

Teammates

Amy L

Eileen P

Emily K

01 - Research & Discovery

Before I joined WebWatch, the team lacked data on users. Alongside our dedicated UX researcher (Eileen) I conducted a rapid discovery research and meet with stakeholders to identify our target audience and define the product's core needs

2 secondary research

11 survey responses

4 interviews

User Interviews

We started by interviewing our stakeholder's selected participants to gain insights into their target audience's needs and preferences.

Bruce Odell, 26

Freelance Photographer

"Piracy is off the charts, I want to do something about it but most tracking platforms are too pricey and advanced for my level"

Ellie Brown, 42

Agency Manager

"I don't dop often into my Copytrack account because it's full of information I don't need/that's not relevant to me"

Key Insights:

  • Fragmented Tools: Users are forced to rely on multiple platforms for tracking, creating inefficiency.

  • Limited Control: Users experience restrictions in report management, limiting their flexibility.

  • Need for Personalization: Competing platforms don’t offer customizable options that align with individual needs.

Competitive Analysis

We conducted secondary research to understand where and why competitors were falling short in meeting user needs.

Our competitive analysis revealed that while competitors offered basic tracking features, none provided comprehensive reporting tailored to creators.

Interface Evaluations

Based on our heuristic analysis of the existing platform, we identified several critical issues.

Cluttered Interface

Features were buried under excessive layers of navigation.

Poor Visual Hierarchy

Dense information on the dashboard.

Insufficient Feedback

Users lacked clear responses after interactions.

Unclear Terminology

Some terms were confusing or not intuitive.

and it leads to…

How might we redesign WebWatch to create a more user-friendly experience that simplifies navigation and gives content creators greater control over their content management?

02 - Ideation

Minimum Viable Product

With just one month to redesign the website, we focused 4 critical areas:

Confusing Lingo

Clear Labeling

Limited

Personalization

User

Customization

Disorganized

Content

Improved

Information

Architecture

Inconsistent

Design

Branding

User Persona

This allowed me to develop a solution that is tailored to WebWatch's initial launch target audience.

Meet Robert
The Overwhelmed Photographer

Age

35

Occupation

Freelance Photographer & Brand Collaborator

Frustration

Scattered features across platforms make tracking cumbersome, leading to missed opportunities and lost revenue.

Needs

A centralized tool to efficiently manage reports, track content usage, and stay on top of his work without hassle.

Site Map

Our NEW site map focused on reducing cognitive overload, we introduced features that facilitate greater user customization and streamline content organization.

03- Solution & Testing

Translating Ideas into Screens

Sketches + Low Fidelity

Our team of 3 designers collaborated by "scrapbooking" our sketches in Figma, bringing our ideas together seamlessly.

Design System

We introduced a consistent color palette and typography, making navigation and interaction easier for users.

04 - Final Deliverables

Introducing WebWatch: Empowering Creators to Track and Manage

A clean, engaging entry point

The welcoming landing screen captivates users from the start, presenting WebWatch’s core benefits in an engaging and intuitive layout.

Invites users to embark

The empty dashboard provides a clear overview of its current state, utilizing an engaging empty state to prompt user actions effectively.

As users populate their dashboard…

The populated dashboard transforms data into a vibrant, easily digestible format, empowering users with actionable insights at a glance.

Tailored experience that empowers creators to take control of their work.

We improved content organization for clarity and added customizable features.

The Personal Touch

The settings screen allows users to customize their experience, tailoring features to fit their unique needs and preferences.

Reflection

Although we only had approximately one month, I had a lot of fun working under this time crunch. Given how committed my team was to delivering something innovative to the CEO, we were able to provide a comprehensive brand identity, wireframes to begin with, and solid research for his business plan. Here are some of the most valuable takeaways from my experience:

🗣️ Be Opinionated, but listen: Listen to understand and collaborate, not to argue. I learned that being a great listener is key, but so is advocating for the user—explaining why decisions benefit the overall experience.

🤝🏻 Collaboration is gold: By promoting and organizing collaborative efforts, I helped my team integrate diverse ideas more effectively, leading to more innovative and well-rounded design solutions.

Kim Lam

Crafted with love and lots of matcha 🍵

Kim Lam

Crafted with love and lots of matcha 🍵

Kim Lam

Crafted with love and lots of matcha 🍵