Naar de inhoud

Plane

Het echte product, op het eerste scherm

Sector
Software voor projectbeheer
Wat ik deed
WebsiteKlant van web0
Fig. 1De live site, in beweging

De klant

Plane is open-source projectbeheer voor softwareteams, met docs en AI-agents ingebouwd. Het draait in de cloud, op je eigen servers of volledig air-gapped.

Het probleem

Projecttools beloven allemaal hetzelfde. Plane moest snel het echte product tonen, en zelf hosten laten klinken als iets dat even makkelijk is als je aanmelden.

Wat ik deed

Ik ontwierp en bouwde de marketingsite. De homepage opent op de echte app, en de rondleiding eronder wisselt ter plekke tussen work items, de wiki en Plane AI, zodat je elk onderdeel ziet zonder de pagina te verlaten.

Marketplace van Plane: GitHub, GitLab, Slack, Sentry, Jira en meer
2/18De integraties, als kaarten die je snel overloopt.
Bord in Plane: work items gepland, bezig, in review en klaar
3/18
Plane op een gsm: het openingsschermPlane op een gsm: werk, wiki en Plane AI
4/18
De wiki-editor van Plane met een specpagina open, de paginaboom links en de zijbalk van Plane AI rechts.
5/18Een wikipagina met de AI-zijbalk open.
De Cycles-weergave van een project, met een actieve cycle en de burn-downgrafiek.
6/18Een actieve cycle met burn-down.
De detailpagina van een work item met de eigenschappen rechts en een activiteitenthread waarin een Cursor-agent het werk oppakt.
7/18Detail van een work item, met een agent in de activiteitenthread.
Een dashboard in Plane met aantallen work items, een taartdiagram, lijngrafieken en een grafiek per toegewezen persoon.
8/18Een dashboard opgebouwd uit widgets.
De triagewachtrij van Intake, met verzoeken via formulieren, e-mail en de app links, en één verzoek open met Accept en Decline.
9/18De triagewachtrij van Intake.
De tabs met features op de pagina over projectbeheer, met Workflows and approvals open en een paneel met workflowregels ernaast.
10/18De tabs met features, Workflows and approvals open.
Drie kaarten van Plane AI: Talk to build, Ask to know en Assign to ship, elk met een kleine productinterface.
11/18
De sectie Slack to Intake: een work item gekoppeld aan een Slack-thread, met een gsm die dezelfde thread toont.
12/18Een Slack-thread gesynchroniseerd met een work item.
Close-up van een burn-downgrafiek van een cycle, met lijnen voor scope, ideaal, werkelijk en prognose.
13/18De burn-downgrafiek, op 100 %.
Een raster van zes kleine featurekaarten: Command K, AI-zoeken, realtime samenwerken, progressive complexity, agents @vermelden en weergaven publiceren.
14/18Het raster met details.
Een donkere sectie op de Self-host-pagina met een schema van Plane AI dat binnen de omgeving van de klant draait, verbonden met OpenSearch, Postgres en een LLM-provider.
15/18Schema van de architectuur voor zelf gehoste AI.
Een quote van klant FortyAU naast een cijfer van 60%, boven twee kaarten met klantverhalen.
16/18De klantenpagina.
De hero van de Cycles-pagina op een gsm.Voortgangskaarten van een cycle op een gsm: een burn-downgrafiek en het overzetten van openstaande work items.Cycles plannen op een gsm, met het formulier om cycles automatisch in te plannen.
17/18
18/18De tabs met features van de wiki, die vanzelf wisselen.

Colofon

Mijn deel van het project voor Plane, zoals het was afgebakend. Ik werkte samen met het eigen team van Plane, en wat niet op deze lijst staat, is van hen.

Door mij

  • Website

Bouw je iets zoals Plane?

Vertel me erover in een kort gesprek. Als het klikt, krijg je een vaste prijs nog voor er werk begint.

Sprint
vanaf € 8.000
Marathon
vanaf € 7.500 per maand
Meestal online in
2–4 weken
Volgende caseDuten Zes afwerkingen, drie talen · Kranen en sanitair
De website van Duten: “Duten, a line that joins quality and minimal design” onder zwevende kranen in staal, koper en messing