Naar de inhoud

Programa

Een site als een studio, niet als een spreadsheet

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

De klant

Programa is projectsoftware voor interieurstudio’s: productlijsten, productspecificaties en een live dashboard voor de klant, op één plek.

Het probleem

Interieurontwerpers beoordelen software eerst op hoe ze eruitziet. De site moest aanvoelen als hun wereld, niet als een spreadsheet, en tegelijk de tool verkopen die hun spreadsheets vervangt.

Wat ik deed

Ik ontwierp en bouwde de site. Bovenaan staat een studiobureau met echte objecten en de app op het scherm, en de camera beweegt het scherm in om Schedules te tonen. Daaronder krijgt elke tool één kaart en één zin.

Projecttijdlijn van Programa: Brooklyn Townhouse, Loft Conversion, Tribeca Loft, Gramercy Flat
2/20Elk project op één tijdlijn, met wie eraan werkt.
Programa: “Built by and for interior designers”, met kaarten voor specificaties, productimport en het klantendashboard
3/20
Programa op een gsm: het openingsschermPrograma op een gsm: specificaties, gestroomlijnd
4/20
Hero van de featurepagina Schedules: de titel “Specify it once. Use it everywhere.” over een papiercollage van stofstalen, een hand met handschoen en gescheurd papier, met de tabel All Products eronder.
5/20De hero van de Schedules-pagina.
De sectie “Different Views. The same data.” met de kaartweergave gekozen: producten als beeldkaarten met codes en prijzen.
6/20De kaartweergave, een van vier weergaven van dezelfde schedule.
Collagepaneel met een filterbalk voor een schedule (Status Approved, Location 2 locations, 3 brands) en een menu Save met “Save to this schedule”, over rood-wit gestreept papier.
7/20Bewaarde filters worden weergaven met een naam.
Collagepaneel met een productkaart voor een loungekussen en de onderdelen ervan: mohairvelours, linnen achterkant, vulling van veren en een onzichtbare rits, op paarse stof.
8/20De onderdelen van één product.
Het menu van de Web Clipper over een gerasterd beeld van een zetel: Clip to Schedule, Pinboard, Product Library en Image Library.
9/20Het menu van de Web Clipper.
Drie featurekaarten: Smart Fill dat productbeeld en beschrijving van een pagina haalt, Add From URL, en een zwarte kaart met adviesprijs en handelsprijs met een handcursor.
10/20Producten importeren, op drie manieren.
Hero van de Product Library-pagina: “Save it once. Specify it forever.” boven een bibliotheek met lampen, behang, stoelen en verfstalen.
11/20De Product Library-pagina.
12/20Board, List en Timeline, drie weergaven van dezelfde taken.
Hero van de Client Dashboard-pagina: “Less admin for you. More clarity for clients.” boven een dashboard voor Brooklyn Townhouse met een gecollageerd beeld van een kamer.
13/20De Client Dashboard-pagina.
Raster van featurekaarten voor het Client Dashboard: een stapel statuslabels (Delivered, In Warehouse, In Production), een stoel op een pinboard, bestandsiconen en een formulier Invoice-123A.
14/20
De tabs Features in depth op de Client Dashboard-pagina met tab 04 Approve open: een schedulekaart voor Brooklyn Townhouse met Feedback required.
15/20Tab 04 Approve gekozen.
Paneel Presentations: een grondplan met een camerapin, geopend naar een render van een slaapkamer, en een handcursor.
16/20Beeldpins op een grondplan.
Hero van de pagina Made with Programa met poststempels, een gescheurd papieren briefje en afleveringskaarten voor Alessandra Smith Design, Studio 8 Architect en Studio Bosko.
17/20De pagina met klantverhalen.
Typografische lijst van studio’s die klant zijn, op de pagina Made with Programa: Studio 8 Architect, Studio Bosko, MKCA, CUAIK: NOBU ARCOS en Studio Paul Chan, elk met discipline en stad, steeds lichter van toon.
18/20
Kop van een redactioneel verhaal: “Paul Chan, Made with Programa” over een foto van een keuken met een groen betegeld eiland.
19/20Een redactioneel klantverhaal.
Gsm-scherm van de Schedules-pagina: “Use it in five rooms. Update it once.” met de lijst All Products, gegroepeerd per Approved en Client review.Gsm-scherm: “The right details for every product.” met een kaart voor een hanglamp en de specificatievelden van die categorie.Gsm-scherm: “The Schedule remembers.” met de geschiedenis van een eetkamerstoel: goedkeuringen, revisies en een prijswijziging.
20/20

Colofon

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

Door mij

  • Website

Bouw je iets zoals Programa?

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 caseFibery50+ functies opgeleverd · Software voor werkbeheer
De website van Fibery: “Operating system for orgs run by nerds” naast het product