1. Referentie & fidelity
We vertrokken van een échte visuele referentie en spraken af hóe letterlijk die gevolgd wordt (de "fidelity-stand"). Daarna legden we per sectie de compositie vast vóór er één kleur gekozen was.
achter de schermen
Hoe deze site
gemaakt is
Deze demo is een fictieve zaak, gebouwd door Weblify als proefstuk. Dit is, eerlijk en zonder jargon, hoe ze tot stand kwam.
2. Designsysteem gelockt
Kleuren, letters en spacing werden éérst als tokens vastgelegd, elk kleurpaar vooraf gecheckt op leesbaarheid (WCAG). Pas daarna werd er gebouwd.
3. Eigen illustraties
De mus-mascotte en haar poses zijn handgetekende vector-illustraties. De food-illustraties zijn AI-gegenereerd (Recraft via Higgsfield) in exact ons kleurenpalet, en door een mens gecureerd.
4. Foto wordt film
De pruttelende stoverij hierboven? Eén foto van het gerecht, door AI subtiel tot leven gewekt (stoom, bubbels, trillende tijm) en daarna kleur-gegraded zodat ze in het palet past. 464 kB licht.
5. Streng gereviewd
Een onafhankelijke (AI-)reviewer scoorde elke sectie zij-aan-zij tegen de referentie en de site haalde pas "klaar" bij een strenge lat, plus: snelheid ≥95, toegankelijkheid 100, en alles getest op de échte live-site.
6. Snel & veilig
Statisch gebouwd (Astro), gehost op Cloudflare, strikte security-headers, geen tracking-cookies, fonts zelf gehost (GDPR). Beweging respecteert "verminder beweging"-instellingen.
Zin in zo'n site voor jouw zaak? Weblify bouwt ze: snel, betaalbaar en zonder gedoe.Zeg maar wanneer.