Strategie & Webdesign
Webdesign voor websites en applicaties die meer moeten kunnen
Een communicatie- of brandingbureau kan heel goed bepalen hoe een merk eruitziet. Maar bij een grotere website of applicatie komt meer kijken dan uitstraling alleen. Hoe vinden bezoekers hun weg door veel informatie? Hoe werken zoeken en filteren? Welke vrijheid krijgt een redactie in het CMS? En hoe zorg je dat een ontwerp ook over een paar jaar nog goed uit te breiden is?
Bij Emble ontwerpen we websites en applicaties daarom vanuit UX, content en techniek. Designers en developers werken vanaf het begin samen. Niet alleen aan hoe iets eruitziet, maar ook aan hoe het werkt, hoe het wordt opgebouwd en hoe het later kan worden doorontwikkeld.
Wanneer kies je Emble voor webdesign?
Voor het ontwikkelen van een nieuwe huisstijl of een losse campagnesite zijn wij niet de meest logische partij. Daar zijn communicatie- en brandingbureaus beter in gespecialiseerd.
Onze rol wordt interessanter wanneer een website of applicatie meer onderdeel is van de organisatie zelf. Denk aan een corporate website met veel content, een kennisplatform, een werken-bij platform met koppelingen, een klantportaal of een maatwerk applicatie.
Bij dat soort projecten beginnen we niet direct met het ontwerpen van schermen. We kijken eerst naar de doelen van de organisatie, de gebruikers, de content, bestaande systemen en de plek die het platform inneemt binnen het bredere digitale landschap. Vanuit die basis maken we keuzes over structuur, functionaliteit, gebruikersroutes en techniek.
Ontwerp, strategie en techniek zijn daarbij sterk met elkaar verbonden. Een keuze in de interface heeft gevolgen voor het CMS, een zoekfunctie voor de informatiearchitectuur en een component moet niet alleen in één ontwerp goed werken, maar ook met andere content en op andere plekken.
Juist bij die samenhang ligt onze kracht. We ontwerpen niet alleen hoe een website eruitziet, maar denken mee over hoe het digitale platform moet werken, meegroeien en bijdragen aan de organisatie.
Design en development vanaf het begin samen
Bij veel projecten wordt eerst een website ontworpen en daarna gekeken hoe deze gebouwd kan worden. Bij een eenvoudige website hoeft dat geen probleem te zijn. Bij grotere digitale omgevingen levert het al snel extra werk op.
Een interactie blijkt bijvoorbeeld complexer dan gedacht, een ontwerp sluit niet goed aan op de structuur van het CMS of er zijn veel uitzonderingen nodig om alle content te kunnen tonen.
Daarom kijken onze developers al tijdens het ontwerp mee. Andersom blijven designers tijdens development betrokken. Zo kunnen we keuzes vroeg toetsen op gebruiksgemak, technische haalbaarheid, toegankelijkheid en beheer. Dat voorkomt aanpassingen achteraf en zorgt dat ontwerp en techniek beter op elkaar aansluiten.
"Emble heeft een professioneel, daadkrachtig en enthousiast team dat strategisch met ons meedenkt over de vertaling van onze nieuwe branding naar een sterke website. Daarbij kijken ze niet alleen naar het webdesign, maar ook naar gebruik, functionaliteit en wat binnen budget en andere randvoorwaarden de beste keuzes zijn."
We ontwerpen niet iedere pagina apart
We kijken vooral naar de structuur die onder een website ligt. Navigatie, contentblokken, kaarten, formulieren, filters, zoekresultaten en andere terugkerende onderdelen ontwerpen we als herbruikbare componenten.
Daarmee ontstaat een design system dat zowel voor development als voor de redactie bruikbaar is. Nieuwe pagina's kunnen worden opgebouwd met bestaande componenten en nieuwe functionaliteit kan later worden toegevoegd zonder steeds opnieuw te beginnen.
Voor websites die na oplevering blijven veranderen en groeien is dat wat ons betreft belangrijker dan het ontwerpen van ieder mogelijk scherm.
Complexe informatie begrijpelijk maken
Veel organisaties waarvoor we werken hebben meerdere doelgroepen, veel diensten en verschillende soorten content. Soms gaat het om duizenden pagina's, documenten of andere contentitems.
Webdesign begint voor ons daarom niet met kleur of vorm. Eerst moet duidelijk zijn welke informatie belangrijk is, hoe bezoekers daar doorheen bewegen en welke structuur daarbij past. Dat doen we samen met UX, bijvoorbeeld door te kijken naar informatiearchitectuur, navigatie, gebruikersflows en de belangrijkste content.
Daarna vertalen we die structuur naar een visueel ontwerp. Zo gebruiken we design niet om complexiteit mooier te maken, maar om die waar mogelijk te verminderen.
Van huisstijl naar webdesign
Emble is geen brandingbureau. We ontwerpen geen logo's en ontwikkelen geen complete merkidentiteiten of huisstijlen vanaf nul.
We werken vanuit een bestaande huisstijl of vanuit een merkidentiteit die samen met een brandingbureau wordt ontwikkeld. Vervolgens maken wij de digitale vertaling. Daarbij kijken we niet alleen naar hoe iets eruit moet zien, maar ook naar wat de website of applicatie moet bereiken, voor wie we hem maken en welke rol hij heeft binnen het bredere digitale landschap van de organisatie.
Een huisstijl bepaalt bijvoorbeeld kleur, typografie, fotografie en vormtaal, maar meestal nog niet hoe navigatie, formulieren, zoekresultaten, filters en tientallen verschillende contentcomponenten zich gedragen. Ook keuzes over structuur, gebruikersroutes, conversie en de manier waarop diensten of informatie worden aangeboden, liggen vaak nog open.
Daar denken we bij Emble strategisch in mee. We stellen vragen, brengen keuzes terug tot de essentie en kijken verder dan alleen de schermen die ontworpen moeten worden. Zo ontstaat geen digitale kopie van een huisstijl, maar een website of applicatie die past bij het merk én werkt voor de organisatie en haar gebruikers.
UX-design, webdesign en development
UX-design gaat vooral over hoe iets werkt: doelgroepen, informatiearchitectuur, gebruikersflows, wireframes en interactie. Webdesign vertaalt dat naar de uiteindelijke interface. Development bouwt vervolgens het digitale product.
Bij Emble zitten die disciplines in hetzelfde team. Daardoor kunnen we tijdens het ontwerpen direct afwegen wat een keuze betekent voor de gebruiker, maar ook voor techniek, toegankelijkheid, performance, beheer en budget.
"Emble verraste ons met een sterk webdesign dat precies aansloot bij onze wensen en die op punten zelfs overtrof. Daarbij dachten ze strategisch mee over hoe we de grote hoeveelheid content in onze kennisbank logisch konden structureren en vooral goed vindbaar konden maken voor onze gebruikers."
Ontwerpen met kennis van de techniek
We werken onder andere met Drupal, Payload, Laravel en React/Next.js. Onze designers weten daardoor hoe een CMS en een component-based frontend in de praktijk worden opgebouwd.
Dat betekent niet dat techniek bepaalt hoe iets eruitziet. Wel houden we tijdens het ontwerp al rekening met de manier waarop content wordt beheerd en componenten worden gebruikt. Hoe werkt een blok met een korte én een lange titel? Wat gebeurt er als een afbeelding ontbreekt? Welke varianten heeft een redacteur echt nodig? En wat moet vaststaan om de website consistent te houden?
Dat zijn misschien geen opvallende onderdelen van een webdesign, maar ze bepalen wel voor een groot deel hoe prettig een website later te beheren en door te ontwikkelen is.
Toegankelijkheid begint bij het ontwerp
Veel keuzes rond digitale toegankelijkheid worden al tijdens het ontwerp gemaakt. Denk aan contrast, typografie, navigatie, formulieren, foutmeldingen, focusstates en interacties.
Daarom nemen we WCAG niet pas tijdens development of na oplevering mee. We proberen toegankelijkheid al in UX en webdesign goed op te lossen. Dat voorkomt dat later onderdelen opnieuw ontworpen of gebouwd moeten worden.
Al een branding- of designbureau?
Dat is geen probleem. We werken regelmatig samen met bureaus die verantwoordelijk zijn voor branding, communicatie of het visuele concept. Zij kunnen de merkidentiteit neerzetten, waarna wij deze vertalen naar UX, webdesign en techniek.
Ook wanneer er al een webdesign ligt, kunnen we aansluiten. We kijken dan bijvoorbeeld naar responsive gedrag, toegankelijkheid, componenten, CMS-inrichting en technische haalbaarheid voordat development begint.
Wanneer ontwerp je een website bij Emble?
Wanneer een website vooral een marketing- of campagne-uiting is, kan het logisch zijn om deze te laten ontwerpen door het communicatiebureau dat je organisatie en merk al goed kent.
Wordt de website of applicatie een belangrijk onderdeel van je digitale landschap, met veel content, functionaliteit, koppelingen of toekomstige doorontwikkeling, dan wordt technische kennis tijdens het ontwerp belangrijker.
Daar voegen wij vooral waarde toe. We ontwerpen niet alleen hoe een website of applicatie eruitziet, maar ook hoe deze in de praktijk moet werken, beheerd kan worden en verder kan groeien.
Een nieuwe website of applicatie ontwerpen?
Staat er een nieuwe website, applicatie of redesign op de planning? Dan kunnen we al vroeg in het traject aansluiten. We combineren strategie, UX, webdesign en development binnen één team, zodat ontwerp en techniek vanaf het begin op elkaar aansluiten.
