← App Development

App Development · Doova

Doova.

Een gratis app voor macOS die ik van begin tot eind zelf heb gemaakt. Idee, naam, merk, interface, code, landingspagina en promo. Doova is een oneindig canvas waar alles wat bij een project hoort naast elkaar ligt: notities, taken, moodboards, bestanden, links, kleuren en je agenda. Alles blijft lokaal op je eigen Mac staan.

1.0.3Versie
macOSApple Silicon
GratisGeen account
SoloVan idee tot release
doova.space ↗
1.0 Doova, een project op het canvas
01

Waarom ik hem maakte

Bij elk project raakte ik dezelfde dingen kwijt. De briefing stond in een notitie-app, de shotlist in een takenlijst, de referentiebeelden in een map op mijn bureaublad en de deadline in mijn agenda. Vier plekken, vier keer schakelen, en na twee weken wist ik niet meer waar wat stond.

Doova is mijn antwoord daarop. Eén canvas per project, waar je gewoon neerlegt wat je nodig hebt. Geen mappenstructuur die je vooraf moet bedenken, geen account, geen cloud. Je sleept een bestand erin en het blijft liggen waar jij het legt. Dat klinkt simpel, maar juist dat maakt dat je het echt gebruikt.

Uitgangspunt

Ruimte boven structuur

Mensen denken in plekken, niet in mappen. Daarom is Doova een vlak waar je dingen neerlegt, en niet een boom waar je ze in stopt.

Uitgangspunt

Alles lokaal

Je data staat in leesbare JSON in je eigen map. Verplaats die map naar iCloud en je hebt synchronisatie, zonder dat Doova daar iets voor hoeft te weten.

Uitgangspunt

Leeg leert niets

Een leeg canvas verklapt geen enkele beweging. Daarom opent een nieuwe installatie op een welkomstproject dat uit dezelfde blokken bestaat die je zelf zou maken.

02

De app

Twee thema's, acht accentkleuren
Doova in het Glass-thema, licht
01 Glass, het standaardthema. Licht, doorschijnend en rustig, zodat de inhoud van je blokken het werk doet en de interface eromheen zich stilhoudt.
Doova in het donkere Glass-thema
02 Dezelfde app in het donker, met paars accent. Het thema volgt macOS als je hem op automatisch zet.
Doova in het bemboe-thema
03 Het bemboe-thema, mijn eigen huisstijl in de app. Dikkere randen, harde schaduwen en geen doorschijnendheid.
03

De promo's

Zelf geschreven, zelf gerenderd

Beide promo's zijn niet in een editor in elkaar gezet maar als HTML geschreven en frame voor frame uitgerenderd, met de echte design-tokens van de app. Daardoor is elk paneel scherp op volle resolutie en kan elk blok apart bewegen. Het sound design heb ik er daarna zelf onder gelegd.

Landingspagina

Doova, de rondleiding

De video die op doova.space staat. Donker, rustig getimed, en hij laat vooral zien hoe blokken zich gedragen als je ze aanraakt.

Social

Doova 1.0

De verticale releasepromo. Fel gradientveld eromheen, rustig glas erbinnen. Dat contrast is het hele idee.

04

De site

Een statische landingspagina zonder buildstap, in dezelfde taal als de app zelf. De volledige uitleg over hoe die is opgebouwd staat bij Brand Identity.

De hero van doova.space
01De hero, met de app zelf als eerste bewijs.
Het functieoverzicht van doova.space
02Twaalf functies, elk in één zin uitgelegd.
05

Waar hij van gemaakt is

Tauri v2 & RustDe schil van de app. Rust bezit de datamap en schrijft de bestanden, de interface hoeft niets van je schijf te weten.
React & TypeScriptHet canvas, de blokken en de editor. Zustand voor de state, Tiptap voor rich text.
macOS zelfDicteren, PDF- en Word-export en de menubalk-opname draaien op de ingebouwde functies van macOS. Geen audio verlaat je Mac.
GitHub ActionsEen tag pushen bouwt de DMG en ondertekent de update. De release blijft bewust concept tot ik hem vrijgeef.
Bekijk doova.space ↗