Solomon Nwabuoku Logo

/refro

10xing the productivity of remote teams with daily work reports.

  1. My role

    My role

    Product Designer, frontend developer

    Tools

    figma (design), typescript react.js (frontend), firebase (auth, database, storage), vercel (hosting)

  2. Overview

    Overview

    One question

    How can we make it easy for product managers, founders, and anyone managing a remote team to track the day-to-day work accomplishments of their team members and keep everyone productive? Excel sheets are definitely not the answer.

  3. The Problem

    The Problem

    Remote work & productivity

    In the era of remote work, I have observed how startups and their staff manage tasks and get work done. From the famous daily standups to sprint plannings, the issue was that in most of these startups, a daily work report sheet (or a standup bot) was used to track what was done each day. I observed two ways in which daily work reports were created:
    A. Each worker is assigned a Google sheet on a daily basis where they report their work. B. A giant sheet document/Slack channel where each member of the team reports their tasks

    A typical excel sheet

    - Typical work report excel sheet

    Everything usually seems to be going well until: - The number of sheets gradually accumulates.
    - Managers need to find reports based on certain parameters, which becomes a daunting task.
    - Some team members find it hard to navigate a huge document just to report a task, while others end up forgetting to report their tasks each day.
    Overall, using sheet documents and Slack channels wasn't going to solve this issue.

  4. First iteration

    First iteration

    Finding answers

    After speaking with several team owners, including my manager at the time, I developed the following "how might we" statements:
    1. How might we keep team members motivated and make reporting their daily tasks easy?
    2. How might we make it easy for team managers to track the tasks completed by each team member every day?
    3. How might we increase the overall productivity and output of team members?

    Based on these questions and existing user personas, I conducted a brainstorming session to visualize how the platform could potentially operate.

    User flow diagramWireframe

  5. Designing beta

    Designing beta

    Refro v0.1

    After brainstorming and creating some wireframes, I developed high-fidelity designs to support and properly illustrate my thought process -
    Upon joining a team, each member reports the tasks they plan to accomplish that day. Daily reminders are also set to ensure they don't forget to report their tasks for the day.
    On the following workday, team members are required to check off the tasks they completed from the ones they reported the previous day. Tasks that were not marked as completed are automatically reported as blockers to the team manager, and the team member proceeds to report their tasks for the day, carrying over the uncompleted tasks.

    refro in-app shot


    On the other hand, team managers can track the productivity levels of their team members on a daily basis, monitor their tasks, and receive notifications on any blockers that arise.

    refro in-app shot


    One of the main characteristics that the brand aimed to convey is playfulness. To express this in the design, I incorporated gamification features on the platform. This also serves as a means to motivate team members to be more productive.
    When team members report completed tasks, they earn points. These points reset at the beginning of each year. They can use the points to unlock certain rewards set by the team manager. Additionally, they earn daily streaks when they report tasks consecutively. Their streaks reset when they miss a day of reporting.

    refro in-app shot


    The team also has a leaderboard that is organized based on the number of points earned by each team member, allowing them to compete for the top spot. Additionally, team members can view and share a gamified activity chart that showcases their accomplishments.

    refro in-app shot

Solomon Nwabuoku Logo

Solomon Nwabuoku

designed by me - in figma• with next.js

  • blog
  • dribbble
  • github
  • linkedin