# Noble Matter. Ontwerprichting voor de volgende ronde

14 september 2026. Onderzoek en ontwerpbrief, geen goedgekeurd eindontwerp.

## Vastgelegd

Noble Matter., het bestaande woordmerk, Verweven NM, petrol #123F3C, citrien #DBEE69, krijt #F3F1E9, General Sans en de richting met kaders en bollen. General Sans: Medium 500 voor titels, Regular 400 voor body en Semibold 600 voor gerichte nadruk.

Thierry keurde de toepassingen nog niet goed. De bestaande homepage-, kaart-, presentatie- en socialproeven worden herwerkt. Een lettertypewijziging geldt niet als goedkeuring van de compositie.

## Onderzoeksbasis en afbakening

✓ Gecontroleerd: zeven huidige ontwerpmasters bekeken, de PDF-pagina’s met toepassingen vergeleken en zes primaire project- en methodiekbronnen gelezen op 14 september 2026. INBO en PlanetaBasque daarnaast in de browser visueel bekeken. De hieronder genoemde waarnemingen komen daaruit. De voorgestelde richting is mijn ontwerpbeoordeling. Het is geen conversietest, representatief publieksonderzoek of nieuwe SEO-meting.

De hoofdkeuze: een studio die opdrachtgevers overtuigt met geselecteerd werk, precieze uitleg en een duidelijke relatie tussen merk, digitaal en groei. Prestige moet in de afwerking en bewijsvoering zitten. De huisstijl krijgt meer variatie in schaal, fotografie en compositie.

## Referenties en wat we ervan gebruiken

### INBO / Studio Dumbar: Portfolio en positionering

✓ Bron gecontroleerd: [INBO / Studio Dumbar](https://studiodumbar.com/work/inbo). Studio Dumbar beschrijft een gerichtere selectie van projecten, korte verhalen en fotografie met mensen. De opdracht was om de kwaliteit van het bureau duidelijker naar buiten te brengen.

→ Ontwerpbesluit: Relevantie: dit ligt dicht bij onze ambitie. Mijn keuze voor Noble Matter: drie sterke caseverhalen met een eigen beeldregie. De omvang van het archief bepaalt niet de volgorde op de homepage.

### Nike Run / PORTO ROCHA: Variatie binnen één identiteit

✓ Bron gecontroleerd: [Nike Run / PORTO ROCHA](https://www.portorocha.com/nikerun). De case beschrijft één typografische basis die zowel uitgesproken als technisch kan zijn, met modulaire composities voor verschillende toepassingen.

→ Ontwerpbesluit: Mijn vertaling: General Sans krijgt verschillende rollen door maat, plaatsing, tekstlengte en beeldverhouding. Website, social en presentatie krijgen een eigen compositie.

### Shop / PORTO ROCHA: Beeldregie en merkaccenten

✓ Bron gecontroleerd: [Shop / PORTO ROCHA](https://www.portorocha.com/shop). De beeldtaal combineert context, portretten, uitvergrote producten en details. Grafische elementen leggen nadruk op aanvullende informatie.

→ Ontwerpbesluit: Mijn vertaling: afwisselen tussen totaalbeeld, gebruik en ontwerpdetail. Het kader wijst iets aan; de bol legt één accent. Klantwerk houdt zijn eigen kleuren.

### OFFF / COLLINS: Een samenhangende motiontaal

✓ Bron gecontroleerd: [OFFF / COLLINS](https://wearecollins.com/story/offf/). Aantrekking en projectie vormen het concept achter de beweging. De richting en versnelling volgen die twee krachten.

→ Ontwerpbesluit: Mijn vertaling: Noble Matter krijgt een eigen beweging van zoeken naar kiezen naar scherpstellen. We bepalen eerst het storyboard. Kaders, punt en typografie voeren dezelfde handeling uit.

### PlanetaBasque / Miller: Visitekaarten en materiaal

✓ Bron gecontroleerd: [PlanetaBasque / Miller](https://wearemiller.com/work/planeta-design-interior-firm-brand-identity/). Miller beschrijft een matte, tactiele papiersoort, embossing en letterpress. De bekeken stationeryfoto toont een samenhangend geheel met veel ruimte rond tekst en merk.

→ Ontwerpbesluit: Mijn vertaling: één dominante merkuiting per zijde en een bewuste papierkeuze. Reliëf is een mogelijke afwerking, te beoordelen op een fysieke proef. We nemen de grijze kleuren of het kleine letterbeeld niet over.

### Sales presentations / Duarte: Het verhaal van de koper

✓ Bron gecontroleerd: [Sales presentations / Duarte](https://www.duarte.com/services/sales-presentations/). Duarte vertrekt vanuit wat een zakelijke beslisser moet begrijpen om een keuze te maken. Verhaal en structuur worden vóór de slides ontwikkeld.

→ Ontwerpbesluit: Mijn vertaling: beginnen bij de ambitie en het probleem van de prospect, dan relevant werk, aanpak en een concrete volgende stap. Het naamverhaal krijgt een korte ondersteunende rol.

## Per toepassing

### Homepage

✓ Bekeken: De huidige desktopmaster zet de algemene slagzin links en een groot NM-teken rechts. Daaronder staat een dienstenstrook. Dit is zichtbaar in de master; het is geen audit van alle oudere websiteversies.

Mijn beoordeling: het openingsbeeld vertelt vooral dat er een huisstijl is. Het toont nog weinig van de kwaliteit waarvoor een opdrachtgever ons zou kiezen.

→ Richting: Een redactionele homepage met een duidelijke belofte, een compacte merkbeweging en grote, zorgvuldig gekozen projectbeelden.

**Eerste scherm.** Korte titel en één concrete zin over wat we maken en voor wie. Twee routes: werk bekijken en een project bespreken. Een compacte motioncompositie laat onze disciplines samenkomen. De eerste case begint zichtbaar aan de onderkant of direct onder de hero.

**Projectritme.** Eerst één groot casebeeld met een scherpe contextregel. Daarna een tweede project in een andere verhouding. Een detail of werkelijke interactie onderbreekt het ritme. Geen automatische rij identieke laptops.

**Inhoud.** Drie geselecteerde projecten, onze gecombineerde expertise, een beknopte werkwijze en contact. Elke case noemt opdracht, onze rol en resultaat of gerealiseerde oplevering.

**Vindbaarheid.** Belangrijke tekst blijft echte leesbare paginainhoud, met links naar de relevante diensten en cases. De eerdere GSC- en keywordanalyse wordt bij de bouw opnieuw gekoppeld aan de structuur. Deze visuele research bevat geen nieuwe rankingprognoses.

**Motion.** Circa 12–18 seconden voor een afzonderlijke merkfilm. Zonder klantmockups. Geen verplichte intro, geen scrollblokkade. Een bruikbaar stilstaand beeld hoort bij de uitvoering.

**Eerst te ontwerpen:** Een volledige desktopcompositie plus mobiel. De eerste twee schermen moeten meteen laten zien wat we doen én waarom het werk aandacht verdient.

### Visitekaarten

✓ Bekeken: Op de voorzijde staan het woordmerk én een groot monogram. De achterzijde herhaalt het monogram naast naam, functie en contactregels.

Mijn beoordeling: er strijden meerdere merkonderdelen om de hoofdrol. De extra pijl en het herhaalde NM maken het kaartje drukker zonder veel informatie toe te voegen.

→ Richting: Een compact merkobject met een uitgesproken voorzijde en een nauwkeurig gezette contactzijde.

**Voorzijde.** Eén hoofdrol voor het goedgekeurde monogram op petrol. Exacte verhouding, niet uitrekken of aansnijden. De ruimte errond wordt op het werkelijke kaartformaat bepaald.

**Achterzijde.** Naam op één regel waar het formaat dat toelaat. Functie en contactgegevens in een vaste kleine hiërarchie. Een bescheiden woordmerk sluit de identiteit af. Geen decoratieve navigatiepijl.

**Kleur en papier.** Petrol tegenover krijt, met citrien als gericht accent, is de eerste te testen compositie. Daarnaast een petrol/citrien proef om kleurimpact op echte schaal te vergelijken. Het palet zelf blijft vast.

**Afwerking.** Eerst een sterke vlakke versie. Daarna één proef met blindreliëf of een andere enkele afwerking, op advies van de drukker. Papier, leesbaarheid, slijtage en prijs worden samen afgewogen.

**Eerst te ontwerpen:** Voor- en achterzijde plat op 85 × 55 mm, een weergave op ware grootte en één geloofwaardige foto. Een mooie mockup mag een matige compositie niet verbergen.

### Salespresentatie

✓ Bekeken: De bekeken cover herhaalt de homepageboodschap en het NM. De aanpakslide verdeelt het verhaal over drie vrijwel gelijkwaardige gekleurde blokken.

Mijn beoordeling: er is nog te weinig verschil tussen een merkposter en een presentatie die iemand door een aankoopbeslissing leidt.

→ Richting: Een modulair verkoopverhaal met korte visuele hoofdstukken, relevant bewijs en een duidelijk voorstel.

**Verhaal in tien delen.** 1 ambitie van de prospect; 2 waargenomen knelpunt; 3 gewenste verandering; 4 onze visie; 5 relevante case; 6 bewijs en geleerde les; 7 aanpak; 8 concrete scope; 9 samenwerking en investering; 10 volgende stap. Prospectinformatie en prijzen worden per gesprek ingevuld.

**Vier composities.** Een beeldvullende case. Een korte uitspraak. Een helder procesdiagram. Een overzicht met scope, planning of cijfers. Afwisselen op basis van de inhoud, niet op een om-en-om kleurschema.

**Leesbaarheid.** Per slide één hoofdgedachte. Groot genoeg voor een gesprek op een gedeeld scherm. Toelichting in sprekersnotities; aanvullende details in een bijlage.

**Bewijs.** Scope en resultaten expliciet onderscheiden. Een cijfer krijgt bron, periode en vergelijkingsbasis. Waar geen meting beschikbaar is, tonen we een aantoonbare oplevering, geen verzonnen groeipercentage.

**Overdracht.** Een bewerkbare presentatie met vaste masters en een afzonderlijke leesbare PDF. De gids met twee voorbeeldslides geldt niet als de volledige salespresentatie.

**Eerst te ontwerpen:** Eerst een samenhangende reeks van zes kernslides: opening, probleem, case, resultaat, aanpak en volgende stap. Daarna de volledige pitch en prospectvarianten.

### Social posts

✓ Bekeken: De huidige merk- en expertisepost bestaan voornamelijk uit logo, grote tekst, een vlakke achtergrond en een kleine grafische toevoeging.

Mijn beoordeling: als vaste feed is dat te eenvormig. De algemene tekst toont te weinig eigen werk, ontwerpkeuzes en expertise.

→ Richting: Een herkenbare reeks met inhoudelijk verschillende formats en een actieve rol voor beeld.

**Project.** Een sterk ontwerpbeeld als cover. Daarna een detail, een toepassing en een korte uitleg van de gemaakte keuze. Het beeld draagt de post; het logo is een signatuur.

**Ontwerpbeslissing.** Eén concreet vraagstuk uit een echt project. Met een geannoteerd detail of vergelijking die de afweging uitlegt.

**Resultaat.** Eén verifieerbare ontwikkeling of oplevering met context. Cijfers alleen met bron en periode. Ontwerpkwaliteit niet omrekenen naar ongedocumenteerde omzet.

**Studio en motion.** Proces, materiaal, een echt detail uit de praktijk en korte bewegende composities. Geen fictief team of verzonnen atelierbeelden als bewijs van schaal.

**Reeks.** Voor de eerste proef: vier projectbeelden, drie ontwerpbeslissingen, twee resultaten en drie studio/motion items. Dit is een startverdeling voor twaalf uitingen, geen bewezen algoritmeformule. Elke uiting krijgt een post op 1080 × 1350 en een apart gezette story op 1080 × 1920.

**Eerst te ontwerpen:** Een overzicht van twaalf uitingen plus drie volledige onderwerpen als post én story. Beoordelen op ritme, herkenning op telefoonschaal en inhoudelijk verschil.

### Overige toepassingen

✓ Bekeken: De huidige gids toont briefpapier, e-mail, gevel, reliëf en een studio-object. Ze hebben uiteenlopende technische en inhoudelijke functies.

Mijn beoordeling: die functies moeten de compositie sturen. Een brief, rapport of handtekening hoeft geen verkleinde campagneposter te worden.

→ Richting: Dezelfde typografische precisie en signatuur, met een eigen gebruikslogica per drager.

**Briefpapier en offertes.** Compacte afzender, bruikbaar tekstvlak, heldere koppen, paginanummers en consistente financiële tabellen. De echte juridische en bedrijfsgegevens worden vóór extern gebruik gecontroleerd.

**E-mail.** Naam en contact als echte tekst. Eén compact logo, weinig verticale hoogte, klikbare gegevens. Arial als terugval in e-mailclients; General Sans in merkbeeld en webomgeving.

**Rapporten.** Conclusie eerst, dan de waarneming en actie. Grafieken met eenheden en bron. Citrien benadrukt één reeks; tekstlabels blijven zelfstandig begrijpelijk.

**Signing en objecten.** Schaal en materiaal bepalen de toepassing. Bestaande vectorlogo’s exact gebruiken. Alleen objecten maken die een rol hebben in onze eigen communicatie.

**Brand guidelines.** De goedgekeurde basis en voorlopige toepassingen duidelijk onderscheiden. De gebruiksregels voor compositie, fotografie en motion volgen de nieuwe ontwerpen en echte gebruiksproeven.

**Eerst te ontwerpen:** Na de eerste vier hoofdtoepassingen: een brief, voorstelpagina, e-mailhandtekening, rapportpagina en gerichte fysieke toepassing. Geen massale export van een onbewezen template.

## Eén systeem, met verschillende intensiteit

- General Sans blijft de enige communicatiefamilie. Geen afwijkend accentwoord.
- Petrol draagt de signatuur en belangrijke openingen. Krijt draagt langere inhoud. Citrien legt nadruk, met een concrete reden per gebruik.
- Het kader markeert een selectie, toont een detail of begrenst een overgang. De bol is een marker of afsluiting. Ze staan niet verplicht samen op elk ontwerp.
- Portfoliofotografie behoudt de kleurwereld van de klant. Noble Matter zit in de compositie, typografie en bijschriften.
- Beweging kent een begin, een verandering en een eindbeeld. Het merk blijft begrijpelijk zonder die beweging.

## Casebeelden: inhoud bepaalt het aantal

We beginnen met Bonbon, Kollaborate en Shato, waarvoor al bruikbaar beeldwerk bestaat volgens de eerdere feedback. Per case worden de oorspronkelijke bestanden en de werkelijk geleverde scope opnieuw gecontroleerd vóór nieuwe beelden worden gemaakt.

De richtlijst voor circa tien verschillende beelden: 1 hoofdbeeld; 2 identiteitsoverzicht; 3 logodetail; 4 typografie en kleur in gebruik; 5 desktopwebsite; 6 mobiel of interactie; 7 relevant drukwerk; 8 toepassing in context; 9 productie- of ontwerpdetail; 10 resultaat met bron, of een aantoonbare oplevering. Alleen onderdelen die bij de echte opdracht horen. Tien versies van dezelfde laptop tellen niet als tien inhoudelijk verschillende beelden.

Mockups worden vanuit de definitieve vlakke ontwerpen gemaakt. Twee of drie bruikbare opstellingen per case volstaan voor variatie: totaalbeeld, detail en gebruik. Perspectief, materiaal, schaduw en schaal moeten overeenkomen. AI-beeld mag visualiseren, maar het exacte logo en tekst blijven in de bronontwerpen vastgelegd.

## Volgorde van de volgende ontwerpronde

1. Selecteer de oorspronkelijke casebestanden en stel de inhoud van de eerste drie verhalen vast.
2. Ontwerp samen één homepage, één kaartset, zes kernslides en drie socialonderwerpen. Zo is meteen zichtbaar of de richting op verschillende dragers werkt.
3. Toon vlak ontwerp naast toepassing. Controleer desktop, mobiel, kleine tekst en beweging. Bespreek het geheel als één ontwerpkeuze.
4. Werk de gekozen richting door naar de volledige website, salespresentatie, twaalf socialuitingen en overige documenten.
5. Actualiseer het brandbook met de daadwerkelijk gekozen composities en productieregels.

## Criteria voor de volgende beoordeling

De website toont echt werk vroeg in de pagina. Elke toepassing heeft één duidelijke hoofdrol. Een case vertelt wat Noble Matter heeft gedaan. De presentatie helpt een prospect een beslissing nemen. De socialreeks verschilt inhoudelijk en visueel. De visitekaart werkt op ware grootte. De identiteit blijft herkenbaar zonder overal een groot logo te herhalen. De beweging hindert lezen of navigeren niet.

Deze criteria zijn ontwerpdoelen. Ze worden pas als geslaagd gemarkeerd nadat de nieuwe uitwerkingen en de relevante gebruikershandelingen zijn gecontroleerd.