Websites
Portalen
Webshops
AI
Strategie
UX & Design
Development
Umbraco CMS
Marketing
LeadinfoWanneer design en CMS niet op elkaar aansluiten
Veel organisaties investeren in een nieuw ontwerp, maar merken achteraf dat het CMS niet meewerkt. Redacteuren kunnen pagina's niet zelfstandig aanmaken. Het design wordt inconsistent toegepast. En elke campagne vraagt weer om een developer.
Goed Umbraco webdesign betekent dat wat in Figma klopt, ook klopt als een redacteur een nieuwe pagina aanmaakt. Ontwerp en CMS worden in hetzelfde traject opgepakt, niet als losse opdrachten.
Het ontwerp wordt niet consequent toegepast
Redacteuren wijken af van het design omdat het CMS ze geen houvast biedt. Elke pagina ziet er net iets anders uit.
Nieuwe pagina's vragen altijd om techniek
Een campagnepagina kost drie dagen in plaats van een uur. Marketing wacht op developers voor aanpassingen die ze zelf zouden moeten kunnen doen.
Design en bouw zijn los van elkaar gemaakt
Het ontwerp is gemaakt zonder rekening te houden met hoe Umbraco werkt. Dat levert fricties op in het dagelijks beheer.
Wanneer Umbraco webdesign logisch is
Umbraco webdesign is logisch als je een nieuw ontwerp wilt dat je team ook zelfstandig kan beheren. Niet een design dat er goed uitziet in een presentatie, maar vastloopt zodra een redacteur een pagina aanpast.
Dit is een logische keuze als:
- Je een nieuw ontwerp wilt dat aansluit op hoe Umbraco werkt
- Redacteuren pagina's zelfstandig moeten kunnen aanmaken en beheren
- Je huisstijl consequent toegepast moet worden, ook door niet-designers
- Design en development in hetzelfde traject worden opgepakt
Zoek je alleen een visuele aanpassing zonder structuurwijziging, dan is een volledig designtraject waarschijnlijk niet nodig.
Hoe wij Umbraco webdesign aanpakken
Wij ontwerpen in Figma, maar denken altijd vanuit de componentenstructuur van Umbraco. Wat we ontwerpen, moet ook werken als een redacteur een nieuwe pagina aanmaakt, een afbeelding vervangt of een sectie toevoegt.
Wireframes als fundament
Eerst de structuur, dan het design. Wireframes leggen de navigatie, pagina-indeling en componentverdeling vast voordat er een kleur of typografie aan te pas komt.
Grafisch ontwerp in Figma
Op basis van de wireframes en je huisstijl maken we een maatwerk design. Kleur, typografie en beeldtaal worden vertaald naar herbruikbare componenten.
Bouw in Umbraco Baseline
Het ontwerp wordt gebouwd op de Umbraco Baseline. Wat in Figma staat, klopt ook in het CMS. Redacteuren kunnen direct aan de slag.
Wat Umbraco webdesign wel en niet is
Wat het is
Een ontwerp dat gemaakt is voor Umbraco: structureel doordacht, beheervriendelijk en consistent toepasbaar door je team.
Wanneer het logisch is
Als je een nieuw platform bouwt, een rebranding doorvoert of merkt dat je huidige design niet aansluit op hoe je team werkt.
Wanneer het minder past
Als je alleen een kleur of logo wilt aanpassen zonder de structuur van de site te raken, is een volledig designtraject niet nodig.
Webdesign zit inbegrepen in elk pakket
Umbraco webdesign is geen los product. Het maakt onderdeel uit van onze websitepakketten. Zo is het ontwerp altijd direct gekoppeld aan de bouw in Umbraco. Vaste scope, vaste prijs, voorspelbare oplevering.
Start Website
Ideaal voor starters en ZZP'ers.
Levertijd: ± 2 weken
Design: Professioneel template in jouw huisstijl
Inhoud: 3 pagina's (zelf uitbreidbaar)
Techniek: Inclusief formulieren & CMS training
Basis website
Voor MKB'ers die onderscheidend willen zijn.
Levertijd: ± 5 weken
Design: Uniek maatwerk design
Inhoud: 5 pagina's (zelf uitbreidbaar)
Extra: Uitgebreide wireframes en revisierondes
Plus website
Het fundament voor serieuze online groei.
Levertijd: ± 9 weken
Design: High-end strategie & UX-design
Inhoud: 8 pagina's (zelf uitbreidbaar)
Extra: Uitgebreide strategische intake op locatie
Wat levert een Umbraco-website op?
Na de oplevering heeft je team een platform dat er goed uitziet en dat ze ook zelf beheren.
- Het ontwerp wordt consequent toegepast, ook als redacteuren zelf pagina's aanmaken
- Nieuwe campagnepagina's staan snel online zonder tussenkomst van developers
- Design en CMS sluiten op elkaar aan, zonder fricties in het dagelijks beheer
- Huisstijl en merkidentiteit zijn vertaald naar herbruikbare componenten
En nadat de website live staat?
Na de livegang beheert je team het ontwerp zelfstandig. Nieuwe pagina's passen binnen de vastgestelde componentenstructuur. Design en beheer zijn geen aparte werelden meer.
Wil je het platform later uitbreiden met nieuwe functionaliteit, een subsite of een taalversie, dan bouw je door op hetzelfde fundament. Zonder het ontwerp opnieuw te doen.
Veelgestelde vragen over Umbraco webdesign
Werken jullie met onze bestaande huisstijl?
Ja. We vertalen je huisstijl naar een webdesign dat past bij Umbraco. Heb je al een brandbook of Figma-bestand, dan is dat het startpunt. Heb je dat niet, dan bepalen we samen de visuele richting tijdens de strategische intake.
Kunnen we het ontwerp later nog aanpassen?
Ja. Omdat het ontwerp is opgebouwd uit herbruikbare componenten, kun je losse onderdelen aanpassen zonder de hele site opnieuw te ontwerpen. Grotere visuele wijzigingen vragen om een nieuw designtraject.
Wat is het verschil tussen het Start en het Basis pakket qua design?
In het Start pakket werk je met een template op basis van je huisstijl. Dat geeft een professioneel resultaat, maar zonder maatwerk ontwerp. Vanaf het Basis pakket maken we wireframes en een volledig maatwerk grafisch ontwerp in Figma.
Hoe voorkomen jullie dat design en bouw niet op elkaar aansluiten?
Doordat design en development bij ons in hetzelfde traject zitten. We ontwerpen in Figma met de componentenstructuur van Umbraco in gedachten. Wat we ontwerpen, kan worden gebouwd. Wat wordt gebouwd, klopt met het ontwerp.
Wat is een logische volgende stap?
Twijfel je welk pakket past bij jouw situatie, of wil je eerst toetsen of dit het juiste moment is? Een korte kennismaking is vaak genoeg om dat helder te krijgen.
Klanten beoordelen ons met een 8,4
