Topvisor: User-Centric SaaS

User Testing, 0→1, Product design, UX Design

User Testing, 0→1, Product design, UX Design

User Testing, 0→1, Product design, UX Design

Tools

Figma, Jira, Github

Timeline

6 months

Device

Web, Mobile

Topvisor is a suite of SEO and analytics tools built for agencies and professionals. I led the end-to-end design of a brand new Competitor Research Tool, conceptualized and built from scratch as a flagship addition to Topvisor’s SaaS platform. Unlike other modules I had redesigned previously, this was a greenfield project — requiring foundational UX strategy, design system alignment, and user-driven discovery to bring the tool to life.

The goal was to create a competitive analysis product that empowers users to identify and analyze their SEO and PPC competitors across search engines — quickly, visually, and without overwhelming complexity.


User Research


To ensure the tool addressed actual user pain points, I initiated a lean discovery phase using Jobs-To-Be-Done (JTBD) and design thinking principles:

  • Conducted 5 in-depth interviews with SEO consultants and in-house marketers

  • Mapped their workflows and data needs using journey mapping

  • Ran UX audits of competitors (Ahrefs, SEMrush, SpyFu) to identify opportunities for differentiation

  • Facilitated wireframe co-creation sessions to validate information hierarchy and insight relevance

Using affinity mapping, we synthesised feedback into actionable design goals. This led to the definition of two core personas:

  • Agencies and consultants who need fast, visual insights for clients

  • In-house teams seeking structured, reliable reporting tools

Key Outcomes:

  • De-scoped features using MoSCoW prioritisation, reducing time-to-market

  • Persona needs directly informed tool architecture and feature flow

  • Prototype usability success rate increased from 57% → 92%


Goals


This wasn’t just a visual UI challenge — users needed to uncover real competitors based on SERP behavior, shared keywords, and ad visibility, across engines like Google and Yandex. From a business perspective, this tool needed to:

  • Increase product stickiness and user retention

  • Drive upgrades by expanding perceived value of the Topvisor suite

  • Provide new monetisable insights not available in legacy modules


Product Design Strategy


We used Lean UX and RICE prioritisation to manage velocity and business value. The foundational design strategy focused on clarity through progressive disclosure, exposing the right insights at the right time without overwhelming users.

The interface emphasised:

  • SERP-based keyword clustering, grouping domains by real-world visibility patterns

  • Preview cards of real search results, enriched with organic and ad placements

  • Color-coded visual tables and compact filters for engine/device/context — all scoped to avoid global resets


Deep Thinking Workshops



As this was a greenfield project, I ran collaborative deep thinking workshops to ensure we were building the right product, not just the right UI:

  • Information architecture mapping to define the base hierarchy of competitor analysis

  • Priority flows to identify what insights matter most and in what sequence

  • Card sorting to validate mental models and reduce decision fatigue

  • Scenario-based design to simulate real-world consultant use cases

These led to critical decisions like:

  • Keyword clusters as the primary lens

  • Filtering scoped per context rather than global

  • Pre-configured quick reports based on user goals


Report Anatomy


I designed a modular report structure that allowed users to:


Build and export structured reports without formatting manually


Analyse graphical data, tables


Filter and view report on user's terms


And do it all on the mobile as well




Outcomes


Competitor Research Tool launched as a net-new product within Topvisor

  • Activation rate exceeded targets within the first 60 days

  • Support tickets related to competitive insights dropped significantly

  • Self-reported confidence and clarity increased based on post-launch interviews

  • Task completion success rate jumped from 57% to 92% in final usability tests


Reflection

This project was a rare opportunity to bring a brand-new SaaS product to life from zero. It confirmed my belief that enterprise-grade tools don’t have to be intimidating — clarity, prioritisation, and empathy can turn dense data into decisive insights.

By anchoring design decisions in real user workflows and leveraging frameworks like JTBD, RICE, and Lean UX, we were able to deliver a product that was not only technically robust, but also user-loved and adoption-ready.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting opportunity in mind? I’d love to hear from you. Let’s create user experiences that make a difference.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting opportunity in mind? I’d love to hear from you. Let’s create user experiences that make a difference.

Available for new projects

Let’s Build Something Amazing Together.

Have a question or an exciting opportunity in mind? I’d love to hear from you. Let’s create user experiences that make a difference.