Dashboard för DevelopersBay.
Freelance tech-byrå och community
Agerade ensam Product Manager, Designer och Frontend Developer — med fullständigt ägarskap över projektet från inledande research och användaranalys till design och slutleverans.
Designade och utvecklade ett MVP-dashboard för konsultanvändare inom DevelopersBays interna plattform — ett system som kopplar samman tech-frilansare med företag som söker kompetens inom AI, IA och systemutveckling.
Utmaningen
Den befintliga plattformen gav konsulter tillgång till ett flertal separata sidor — uppdrag, tidrapporter, fakturor och CV:n — men saknade en samlad överblick över deras aktuella situation.
När konsulter loggade in fanns ingen tydlig indikation på var de befann sig i processen eller vilket nästa steg borde vara.
Målet var att omforma den ingångspunkten till något genuint användbart: ett dashboard som speglar konsultens aktuella status och vägleder dem mot rätt åtgärd.
Riktning & mål
- Designa och bygga ett MVP-dashboard för konsultrollen
- Ge konsulter en omedelbar och tydlig överblick över var de befinner sig i processen
- Minska behovet av att navigera mellan flera separata sidor
- Spegla DevelopersBays företagskultur och stärka community-känslan
- Leverera en produkt som ledningen kan presentera som grund för fortsatt utveckling
En sex veckors sprint
Projektet strukturerades som en sex veckor lång sprint uppdelad i tre faser:
Analys av user stories, wireframes, high-fidelity-prototyp i Figma samt kollegial återkoppling.
Utformning av en egen datastruktur med syntetisk data som simulerade ett verkligt API-lager, kopplad till respektive dashboard-komponent.
Nyhetssektion, Cypress E2E-tester, prestandakontroller, dokumentation och demo för intressenter.
Dashboardet organiserades utifrån en frilansares naturliga arbetsflöde — fyra sektioner som speglar de steg en konsult rör sig igenom: Sök uppdrag, Ansökt, På uppdrag och Nyheter från DevelopersBay.
Ett produktionsklart MVP
- Ett kontextmedvetet dashboard som visar varje konsults individuella situation vid inloggning
- En datastruktur med syntetisk data som imiterar ett API-flöde — redo att ersättas med verklig backend
- En dynamisk nyhets- och eventskarousel för community-uppdateringar
- End-to-end Cypress-tester för samtliga kritiska användarflöden
- Fullständig dokumentation samt en strukturerad överlämning till DevelopersBay-teamet
Definierade projektets scope, user stories och sprintstruktur.
Designade prototyp i Figma och itererade utifrån återkoppling.
Byggde applikationen med React, Next.js, TypeScript och MUI.
Utformade en egen datastruktur med syntetisk data som simulerar ett API-lager.
Skrev Cypress-tester för alla kritiska användarflöden.
Dokumenterade kodbasen och ledde en strukturerad överlämning.
Ägde projektet från research till slutleverans som ensam PM, designer och utvecklare.