Case Study

Dashboard for DevelopersBay.

Freelance tech agency and community

Served as sole Product Manager, Designer, and Frontend Developer — owning the project end-to-end from initial research and user analysis through design, backend integration, and final delivery.

Designed and developed an MVP dashboard for consultant users within DevelopersBay's internal platform — a system connecting tech freelancers with companies seeking talent within AI, IA, and software development.

Product ManagementUX/UI DesignReact & Next.jsTypeScriptCypress E2E
01 — Context

The Challenge

Existing DevelopersBay platform with separate pages and no unified consultant overview.
The existing platform — fragmented pages with no unified entry point.

The existing platform gave consultants access to several separate pages — assignments, time reports, invoices, CVs — but no unified overview of their current situation.

When logging in, consultants had no immediate sense of where they stood or what to do next.

The goal was to redesign that entry point into something genuinely useful: a dashboard that reflects the consultant's real-time status and guides them toward their next action.

02 — Project Goals

Defining Direction & Goals

  • Design and build an MVP dashboard for the consultant user role
  • Give consultants a clear, immediate overview of their current stage
  • Reduce the need to navigate across multiple pages
  • Reflect DevelopersBay's company culture and strengthen community feel
  • Deliver a product management could present as a foundation for future development
03 — Approach

A Six-Week Sprint

The project was structured as a six-week sprint across three phases:

Design & Prototype

User story analysis, wireframes, high-fidelity prototype, peer feedback.

Data Structure & Component Development

Designed a custom data structure with synthetic data simulating a real API layer, connected to each dashboard component.

Finalization & Testing

News section, Cypress E2E tests, performance checks, documentation, and stakeholder demo.

The dashboard was organized around the natural lifecycle of a freelancer — four sections reflecting the stages a consultant moves through: Search Assignment, Applied, On Assignment, and News from DevelopersBay.

04 — Results

A Production-Ready MVP

Final consultant dashboard showing availability, search assignment, applied, and on assignment sections.
The delivered MVP dashboard — context-aware and lifecycle-driven.
  • A context-aware dashboard showing each consultant's individual situation on login
  • A custom data structure with synthetic data mimicking an API flow — ready to be replaced with a real backend
  • A dynamic news and events carousel for community updates
  • End-to-end Cypress tests across all critical user flows
  • Full documentation and a staged handoff to the DevelopersBay team
From fragmented pages to a guided, lifecycle-driven entry point.
05 — My Contribution
Scope & user stories

Defined scope, user stories, and sprint structure.

High-fidelity prototype

Designed the prototype in Figma and iterated on peer feedback.

Full-stack build

Built the full-stack application using React, Next.js, TypeScript and MUI.

Data structure

Designed a custom data structure with synthetic data simulating an API layer.

E2E testing

Wrote Cypress tests across all critical user flows.

Documentation & handoff

Documented the codebase and led a staged handoff to the team.

End-to-end ownership

Owned the project from research to final delivery as sole PM, designer, and dev.