Yellow background with a pattern of hexagons in various sizes and shades of yellow.
UX case study

Redesigning the Team Page for Dobee

How I improved collaboration, clarity, and team identity in a complex OKR environment.

My role

Head UX Designer

Scope

Full end-to-end UX

Duration

Two weeks

Product overview

Dobee is an OKR platform designed to make goal management engaging, lightweight, and transparent across organizations.

A computer monitor displaying a project management dashboard with various sections, graphs, and team member icons, alongside a laptop showing a similar interface with goals and results tracking.

The problem

The existing team page in Dobee did not fully support collaborative goal ownership or provide a clear, intuitive way for team members to work together towards common goals

A list of six team collaboration issues: 1) Hard for teams to maintain alignment and understand dependencies, 2) Missing sense of team identity, 3) No clear ownership model, 4) Not intuitive for team members to view active work, 5) No support for teams to reflect on work and collaboration, 6) Hard to understand urgent priorities and team focus (Radical Focus).

The goal

A space where teams can easily work together, manage goals, track progress, and build a shared identity.

A presentation slide with a list of six items, each preceded by a yellow checkmark in a circle, discussing objectives related to team progress, identity, cross-team dependencies, and customer insights.

Process

An iterative approach from discovery to final prototype over 2 weeks.

A flowchart with eight steps, each labeled with a yellow circle with black numbers. The steps are: 1. Discovery, 2. Requirements, 2. Concept Exploration, 4. First iteration, 5. User testing, 6. Synthesis, 7. Redesign, 8. Prototype.

Discovery

The project began with a series of conversations with Dobee’s product owners based on feedback and needs from the costumers.

Key discovery activities included:

  • Reviewing existing platform patterns

  • Mapping product owners expectations

  • Identifying constraints in the current data model

  • Discussing how Radical Focus could be integrated

  • Clarifying which actions should happen on the Team Page versus elsewhere in the platform

  • Competitive audits

The excisting team page:

Project management interface displaying team goals, progress, and deadlines with statuses on different tasks and team members' contributions.

Outcome:
A set of core use cases—centered around team-owned goals, weekly reflection, and lightweight team identity—and a shared understanding that version 1 needed clarity, not complexity.

Requirements

Prioritized features based on user needs and business constraints

A digital platform with three sections of checkmarked features for team goal management, including goal creation, progress tracking, and team support with a clean interface.

Must have

A digital task management app interface displaying three checkmarked task cards titled 'Feed for team members,' 'Attachments and team resources,' and 'Overview of other goals the team follows or are invited to,' along with a fourth card titled 'Weekly reset options'

To explore

Iteration & Redesign

Screenshot of a project management dashboard with sections for goals, team performance, weekly summaries, and team members, all on a white background with yellow navigation bar and colorful charts.

Layout option 1

Slide with text emphasizing more content, familiar pattern, and less focus on weekly summary, with green checkmarks for the first two points and a red cross for the last point.
Screenshot of a project management dashboard with a yellow header bar, showing menu options and user icons. The main section displays weekly summaries, goals, and team performance metrics, with a sidebar featuring team members' photos and status updates.

Layout option 2

Green text on black background listing benefits: 'Weekly summary prominent', 'Better visual hierarchy', 'Balanced composition'

Product owner feedback

  1. Need for intuitive goal previews and ability to see that you can click on a goal on the timeline

  2. A push to surface team summaries high and center

  3. A desire for stronger team identity (theme/skin/color).

  4. Request for a scrollable list of extended goal and result information where teammates can update and contribute

  5. Uncertainty about goal categories and long-term ownership model

Outcome

Clear iteration tasks and reframed scope:

A project management timeline with three goals: 'Strong expansions in new markets,' 'Increase user engagement by 30%, and 'Improve customer satisfaction.' The timeline spans from January to June 2025, with each goal marked with an 'Update' button and status indicators in various colors.

  • Clickable goals on a goal preview timeline - ensuring all interactions mirrored existing familiar patterns

Screenshot of a digital project management and team tracking dashboard, showing weekly summaries, focus tasks, recent happenings, health metrics, and a performance overview graph for June 2025.

  • Also making sure the team can look back on earlier summaries and scores.

  • Highlight week summaries and week score earlier on the page.

  • Introducing a stronger team identity:

    • Change color

    • Large changeable team picture

    • Team avatar, slogan and name

A digital team management dashboard with sections for week summary, focus, happenings, health check, members, goals, and results. The interface includes icons, colors, and performance metrics.

  • Designing a space for team members to work on results

    • Overview of results and progress

    • easily make updates, highlights and change confidence score

    • add contributions and see contributions from other teammates

A project management dashboard displaying goals, a timeline, and progress indicators. The timeline shows dates from January to June with tasks like 'Strong expansions in new markets' and placeholder text for goals and results. The top right includes a circular chart with colored sections labeled 'Needs attention,' 'On track,' and 'Unknown,' with result counts of 3 and 11. A sidebar on the right lists members with their recent activity updates.

Research - Usability study

Remote moderated testing with 3 users to validate design decisions

My Role

As Head UX Designer, I planned and conducted the study, moderated the interviews, observed task completion, documented behaviors, and synthesized insights.

Goal

Evaluate the early prototype of the new Team Page in Dobee. We wanted to understand how users navigated the page, how they completed core tasks, and where the design caused confusion or friction.

Method

Users were asked to complete core tasks in a clickable Figma prototype. For each task, I asked follow-up questions about ease of use, expectations, and feature relevance.

Tasks

  • 1. Update the confidence score of a result

  • 2. Contribute to a result that belongs to a goal the team is invited to

    3. Change the color theme to explore team identity customization

Key findings

Read more

Key findings
Research study plan

Design desitions

The Goals and results workspace:

  • Use clearer hierarchy and familiar icons to differentiate goals from results.

  • Keep consistency in goals and results layout throughout the platform.

  • Simplify visual noise by removing redundant graphs, that is also shown in each goal page.

  • Show contributions inline when a result is opened

  • Improve tab design

Team identity

  • Make theme editing easier to locate by having an easy to find team settings where you can change team name, slogan and team avatar.

  • Add the option to turn on and off functionality in the team settings module

  • Allow renaming Radical Focus cards and other sections and terms by having “custom terms”

Overall improvements:

  • Provide multiple paths for updating results

  • Support week resets with a simple modal choice.

  • Make past health metrics accessible

Screenshot of project management software displaying goals, results, and progress updates, with sections for goals, results, feed from members, and a timeline of activities.
Screenshot of a project management or team collaboration dashboard with sections including week summary, focus this week, happenings, health metrics, team members, goals and results, and a feed from members. The top navigation has links labeled My Page, Strategy, My Leadership, Overview, Strategy, and Insight. The color scheme includes yellow, purple, gray, and white.

Conclusion

This redesign made the Team Page clearer, more collaborative, and more aligned with how teams actually work. With strong foundations in place, Dobee can now scale team features confidently.

Key Learnings

What Worked

→ Iterative testing revealed insights

→ Center layout prioritized focus

→ Clear naming reduced load

→ Identity features drove adoption

Challenges

→ Balancing simplicity vs functionality

→ Managing expectations

→ Prioritizing V1 vs future

→ Maintaining consistency

Let´s connect!

Interested in discussing this project or working together?

Email me
LinkedIn