Binnen deze expertise
Webdesign
Wij ontwerpen de pagina’s, navigatie en interacties van je website. Bezoekers zien wat je aanbiedt, vinden de uitleg die ze nodig hebben en weten hoe ze contact opnemen.
Aandacht is een ontwerpkeuze
Een bezoeker leest niet alles. Daarom ontwerpen we de volgorde: wat valt op, wat legt uit, welk bewijs helpt en wanneer voelt een volgende stap logisch?
De fotografie zet de sfeer van Ege neer.
De kop maakt duidelijk wat je kunt verwachten.
De plek en de kaart maken de belofte concreet.
De kaart ontdekken of een tafel reserveren.
Herken je dit?
Een sterk ontwerp maakt keuzes. In wat je vertelt, hoe je merk overkomt en hoe iemand zijn weg vindt.
Richting
Voor het eerste ontwerp bepalen we wat je bezoeker moet begrijpen, welke informatie en welk bewijs daarvoor nodig zijn en wanneer contact een logische stap is. Zo krijgt de inhoud een volgorde die ook op een telefoon werkt.
Hoofdzaak, uitleg, bewijs en actie krijgen ieder hun eigen gewicht. Positie, formaat, witruimte, typografie, contrast en beweging helpen de bezoeker die volgorde te herkennen.
We kijken per paginatype waar iemand vandaan komt en wat diegene wil weten: het aanbod, de werkwijze, bewijs of de prijs. Dat bepaalt de inhoud en de vervolgstap, van een case bekijken tot contact opnemen.
Karakter
We ontwerpen waar mogelijk met de uiteindelijke inhoud. De lengte van een titel, de fotografie van een case en een persoonlijke review bepalen hoeveel ruimte nodig is en hoe de pagina leest.
Een korte voorbeeldkop als “Building better futures” heeft een andere vorm dan “Specialist in industriële koelinstallaties voor productiebedrijven”. Daarom toetsen we het ontwerp met echte Nederlandse tekst, inclusief langere titels.
Goed webdesign helpt wanneer alles even belangrijk lijkt, pagina’s niet bij elkaar passen of je merk nauwelijks herkenbaar is. Ook een onduidelijke route of een onhandige mobiele versie kan aanleiding zijn om het ontwerp te herzien.
Samenhang
Een bezoeker wil begrijpen wat je aanbiedt, of het past en waarom je het kunt waarmaken. We plaatsen uitleg, bewijs en een duidelijke vervolgstap waar die nodig zijn en maken formulieren zo eenvoudig mogelijk.
Bewijs hoort bij de claim die je maakt. Bij complexe B2B-platforms vertelt een relevante case bijvoorbeeld meer dan een algemene sterrenwaardering. We geven dat bewijs een plek waar de bezoeker het nodig heeft.
De vorm volgt jouw verhaal
In de ontwerpstudie voor Ege loopt één identiteit door van de eerste indruk tot de menukaart en reservering. Iedere pagina heeft een eigen taak, met dezelfde herkenbare beeldtaal.
Het gerecht trekt de aandacht. De kop geeft Ege een eigen stem. De kaart bekijken of een avond plannen: beide routes zijn meteen zichtbaar.
Bekijk het volledige ontwerpSfeerbeelden en witruimte geven het restaurant een eigen verhaal. Dezelfde kleuren en typografie houden de pagina herkenbaar Ege.
Bekijk het volledige ontwerp
Categorieën maken de kaart scanbaar. Gerecht, beschrijving en prijs horen bij elkaar. Het grote beeld geeft sfeer zonder die informatie te verdringen.
Bekijk het volledige ontwerp
De reservering blijft herkenbaar Ege. Eerst de avond, daarna de gegevens en het overzicht: een korte, duidelijke volgorde binnen dezelfde identiteit.
Bekijk het volledige ontwerpSchaal, contrast en ritme maken duidelijk wat hoofdzaak is. Ook wanneer de tekst langer wordt.
Een gedeeld fundament maakt onverwachte composities mogelijk zonder dat de samenhang verdwijnt.
Uitsnede, schaal en plaatsing bepalen wat de bezoeker ziet. Een foto vult geen leeg vakje.
Een gedeeld kolomgrid houdt tekst, beeld en navigatie op één lijn. Binnen die structuur kunnen we asymmetrie, overlap en uiteenlopende beeldformaten gebruiken zonder de samenhang te verliezen.
We zoeken verhoudingen die passen bij de inhoud. De gulden snede kan daarbij helpen; de balans tussen tekst, beeld en ruimte bepaalt de uiteindelijke compositie.
Witruimte scheidt groepen, stuurt aandacht en geeft belangrijke onderdelen meer gewicht. We vullen een leeg vlak alleen als de inhoud erom vraagt.
We stemmen koppen, lopende tekst, labels, knoppen, citaten en cijfers op elkaar af. Regelbreedte, regelafstand, gewicht en mobiele schaal houden zowel een uitgesproken titel als een lange tekst leesbaar.
Beeld kan een product tonen, de schaal van een project verduidelijken, mensen en vakmanschap zichtbaar maken of sfeer oproepen. Die taak bepaalt de fotografie, uitsnede, licht, kleur en vorm, of de keuze voor video, illustratie of 3D.
Ontbreekt definitieve fotografie, dan gebruiken we tijdelijke beelden om de gewenste richting te toetsen. Voor publicatie moet het beeld passen bij het bedrijf en de rol die het in het ontwerp heeft.
Uitgesproken typografie, asymmetrie, onverwachte beeldverhoudingen, organische vormen en ruimtelijke lagen kunnen een merk karakter geven. De bediening moet daarbij begrijpelijk blijven.
We vertalen een merk ook naar tempo, ruimte, schaal, beeldritme, beweging en taal. Zo wordt de digitale ervaring herkenbaar, ook zonder een groot logo in ieder scherm.
Tussen twee schermen gebeurt het
Een overgang verbindt twee momenten. Een reactie bevestigt een keuze. Interactie mag karakter hebben, zolang je bezoeker begrijpt wat er gebeurt.
Een kleine interactie. Een groot verschil.
Probeer de verhaalkeuzes van Ege. Je selectie blijft zichtbaar en de uitleg verandert mee. Zo weet je steeds waar je bent in het verhaal.
We ontwerpen ook wat er gebeurt bij scrollen, klikken, menu’s, sliders, pop-ups en formulieren. De reactie maakt zichtbaar waar je bent en of een handeling is gelukt.
Beweging kan aandacht sturen, overgangen verduidelijken, diepte tonen en het merk karakter geven. Terugkerende interacties krijgen herkenbaar gedrag, zodat de bezoeker de website leert kennen.
We toetsen of een scroll-effect de inhoud helpt. Dat geldt ook voor parallax, horizontaal scrollen, eigen cursors, magnetische knoppen, canvas, WebGL en 3D. Een effect mag de bezoeker niet beletten verder te gaan.
Hover kan extra feedback geven, maar belangrijke informatie en acties moeten ook op een aanraakscherm en met een toetsenbord bereikbaar zijn.
We werken ook focus, ingevulde velden, fouten, bevestigingen, laden en niet-beschikbare acties uit. Dat geldt voor formulieren én voor knoppen, navigatie, tabs, filters, sliders, uitklappers en pop-ups. Zo hoeft de bouwer die toestanden niet zelf in te vullen.
Contrast, leesbaarheid, zichtbare focus, voldoende grote klikdoelen en voorspelbare navigatie beginnen bij het ontwerp. Kleur of hover mag nooit de enige aanwijzing zijn.
Bij een afgesproken WCAG-traject leggen we vooraf de pagina’s, functies en eisen vast. Ook de gebouwde website moet worden getest; een ontwerpbestand bewijst geen conformiteit.
UX gaat over vinden, begrijpen en uitvoeren. UI maakt die route zichtbaar met hiërarchie, herkenbare onderdelen en duidelijke reacties. We ontwerpen het gebruik en de uitstraling samen.
We kiezen welke bestemmingen vanaf iedere pagina bereikbaar moeten zijn. Complexe websites kunnen meerdere navigatieniveaus nodig hebben; ieder niveau moet helpen kiezen.
Voorbij de eerste indruk
Bij Ege leidt de opening naar de kaart en vervolgens naar een reservering. Die samenhang geldt ook voor diensten, cases en contact op een zakelijke website. Op mobiel ontwerpen we de volgorde opnieuw.
Sfeer, identiteit en twee duidelijke routes.
Gerechten, categorieën en prijzen in één leesbaar ritme.
Eerst je avond.
Dan je gegevens.
Tot slot je overzicht.
We ontwerpen de belangrijke paginatypen samen: de homepage, diensten, cases, over ons, artikelen, contact en waar nodig formulieren, zoekresultaten of landingspagina’s. Iedere pagina krijgt een eigen taak binnen hetzelfde geheel.
De inhoud bepaalt welke secties een pagina nodig heeft en in welke volgorde. Een case vraagt een andere opbouw dan een dienstenpagina.
We leggen terugkerende regels vast voor typografie, ruimte, kleur, beeld, navigatie, knoppen, cards, formulieren en interactieve onderdelen. Het systeem past bij de omvang van de website en helpt ontwerp en bouw op elkaar aan te sluiten.
Een portfolio-card en een prijsvergelijking mogen verschillend werken. Gedeelde ontwerpregels zorgen voor herkenning, met ruimte voor de taak van ieder onderdeel.
Op mobiel veranderen ruimte, bediening en leesafstand. Daarom bepalen we de volgorde, beeldsnedes, navigatie en beweging opnieuw. Essentiële informatie blijft bereikbaar zonder hover; visuele details kunnen plaatsmaken voor wat de bezoeker nodig heeft.
Tijdens het ontwerpen houden we rekening met responsive gedrag, componenten, contentbeheer, techniek, performance en toekomstige wijzigingen. Zo kan het ontwerp zorgvuldig worden gebouwd en later worden onderhouden.
Wanneer we bij de realisatie betrokken zijn, vergelijken we de gebouwde website met het goedgekeurde ontwerp. We controleren typografie, ruimte, beeldverhoudingen, uitlijning, schermformaten en interacties. Dit noemen we fidelity review.
We maken ruimte voor inhoudelijke hiërarchie, bereikbare pagina’s en echte informatie. Die inhoud blijft ook op mobiel beschikbaar. Navigatie, leesbaarheid en laadsnelheid ondersteunen het gebruik en de vindbaarheid.
Heldere onderwerpen, begrijpelijke koppen, concrete antwoorden en bewijs helpen mensen de website te beoordelen. Dat blijft ons uitgangspunt bij AI-search: de inhoud moet leesbaar blijven en mag niet verdwijnen om het ontwerp leger te maken.
Voor onderzoek en verbetering van je vindbaarheid: SEO, GEO & AI-zichtbaarheid.
Gerealiseerd werk
Bekijk hoe we de opdracht, het verhaal en de inhoud hebben verwerkt in deze gebouwde websites.
Content & structuur
AOV Kompas leverde een uitgebreid contentplan aan. We vertaalden dit naar een WordPress-website met leesbare secties, consistente paginatypen en een technische SEO-basis. Veel inhoud vraagt om een helder systeem. Leesbare secties en consistente paginatypen dragen de informatie.
Ontwerp, content & development
Voor Ersoy Agro Group verzorgden we content, ontwerp en technische bouw van een meertalige WordPress-website. Het familieverhaal en het bedrijf kregen een plek voor internationale contacten en handelspartners. Het familieverhaal als inhoudelijk uitgangspunt. Een meertalige vertaling voor internationale contacten.
Horeca · WordPress & reserveringen
Een website waarin bezoekers arrangementen en prijslijsten kunnen bekijken en online kunnen reserveren.
Geen projecten binnen deze selectie. Bekijk al ons werk.
Van eerste vraag tot laatste detail
We spreken af welke pagina’s, interacties en schermformaten nodig zijn. Die omvang en de beschikbare inhoud bepalen het werk en de investering. Vanuit de regio Eindhoven werken we aan het ontwerp of het volledige traject, inclusief bouw.
Inhoud, paginataken, hiërarchie en grid.
Creatieve verkenningen en de belangrijkste paginatypen.
Responsive composities, states en beweging.
Development, fidelity review en testen met echte content.
We spreken vooraf af welke pagina’s en toestanden we ontwerpen en wat we opleveren. Dat kan de inhoudsstructuur, creatieve richting, UX/UI, art direction, desktop- en mobiele ontwerpen, interactie en beweging omvatten.
Bij overdracht leggen we de ontwerpregels vast. Wanneer wij ook bouwen of de realisatie begeleiden, spreken we af hoe we de uitvoering controleren.
De investering hangt af van de unieke paginatypen, navigatie, art direction, responsive uitwerking en bijzondere functies. Illustratie, video, 3D, configurators en uitgebreide interactie kunnen extra werk vragen.
Bestaande branding, definitieve content, fotografie en een sitemap bepalen het vertrekpunt. We leggen eerst de benodigde werkzaamheden vast.
Bij een bestaande website onderzoeken we wat behouden moet blijven, zoals URL’s, inhoud, vindbaarheid, functies, meetgegevens en technische koppelingen. Dat vormt het vertrekpunt voor een redesign.
Wat heb je nodig?
Bij webdesign werken we de structuur, uitstraling en interactie van je website uit. In een volledig traject kunnen ook strategie, content, SEO, bouw, CMS, migratie, tracking, testen en livegang worden opgenomen. We spreken samen af wat nodig is.
Webdesign is het ontwerpen van hoe een website informatie presenteert en hoe gebruikers ermee werken. Het omvat onder andere paginaopbouw, UX, UI, typografie, kleur, beeld, navigatie, responsive gedrag en interactie.
Een webdesign bureau vertaalt inhoud, merk, gebruikersvragen en commerciële doelen naar een werkende digitale interface. Afhankelijk van het bureau kan ook development onderdeel van het traject zijn.
Webdesign is het ontwerpdeel. Een complete website laten maken omvat daarnaast bijvoorbeeld development, CMS, content, SEO, migratie, tracking en livegang.
UX gaat over hoe iemand de website begrijpt en gebruikt. UI gaat over de zichtbare en interactieve interface waarmee die gebruiker werkt.
Nee. We ontwerpen de belangrijke paginatypen samen, zodat de gekozen richting op de hele website werkt.
Ja. We bepalen de volgorde, beeldsnedes en bediening voor desktop, tablet en mobiel.
Dat kan, wanneer wireframes helpen om inhoud en hiërarchie te bepalen voordat de visuele richting wordt uitgewerkt.
Ja. Een goede bestaande identiteit kan als basis worden gebruikt en digitaal verder worden uitgewerkt.
Ja. Daarvoor hebben we de aparte dienst Visuele identiteit.
Interacties en motion kunnen onderdeel zijn van het ontwerp wanneer ze een functie hebben of duidelijk bijdragen aan de gekozen art direction.
We ontwerpen vanuit de inhoud en het merk. Bestaande technische systemen of componenten kunnen daarbij helpen, als ze bij het project passen.
Ja. Toegankelijkheid begint al bij ontwerpbeslissingen zoals contrast, leesbaarheid, navigatie, interactiestates en bediening. Wanneer formele WCAG-conformiteit nodig is moet ook de uiteindelijke gebouwde website volgens de afgesproken criteria worden getest.
Ja, op ontwerpniveau onder andere met inhoudelijke hiërarchie, navigatie en ruimte voor echte content. Technische en inhoudelijke SEO hebben binnen Magic Bytes hun eigen specialistische trajecten.
Dat kan afhankelijk van het project. Dan moet de overdracht voldoende duidelijk zijn en spreken we af wie verantwoordelijk is voor controle tijdens de implementatie.
Ja. Webdesign kan onderdeel zijn van een compleet Website laten maken-traject.
De investering hangt af van de unieke paginatypen, beschikbare inhoud, art direction, responsive uitwerking en interacties. We spreken vooraf af wat nodig is.
Jouw website / onze volgende ontwerpvraag
Vertel ons over je bedrijf, je doelgroep en waar de huidige website tekortschiet. Dan bepalen we samen wat het ontwerp moet doen.
