[{"data":1,"prerenderedAt":30},["ShallowReactive",2],{"$fkdtbqeb9kows":3},{"html":4,"toc":5},"\u003Cp>Webfluentia heeft een nieuwe website. Aan de buitenkant ziet hij er anders uit, maar de grootste verandering zit in wat hij vertelt. De afgelopen jaren is ons werk verschoven van marketingwebsites naar de systemen achter een bedrijf: boekingsplatformen, portalen voor fondsdata, IoT-tracking, cloudinfrastructuur en steeds vaker AI. De oude site stelde ons nog voor als digitaal marketingbureau. De nieuwe beschrijft het bedrijf dat we geworden zijn.\u003C\u002Fp>\n\u003Ch2 id=\"vier-disciplines-een-klein-team\">Vier disciplines, één klein team\u003C\u002Fh2>\n\u003Cp>De site is nu ingedeeld rond de vier dingen waar we de meeste tijd aan besteden:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>\u003Ca href=\"\u002Fnl\u002Fservices\u002Fsoftware-engineering\">Software engineering\u003C\u002Fa>:\u003C\u002Fstrong> webplatformen, marktplaatsen, boekingssystemen, Flutter-apps en koppelingen.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"\u002Fnl\u002Fservices\u002Fai\">AI engineering\u003C\u002Fa>:\u003C\u002Fstrong> veilige agent-opstellingen, private modelhosting en LLM-functies die gemeten worden voordat ze live gaan.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"\u002Fnl\u002Fservices\u002Fcloud-infrastructure\">Cloud en infrastructuur\u003C\u002Fa>:\u003C\u002Fstrong> hosting, monitoring, back-ups en het beheerwerk dat systemen in de lucht houdt.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\u003Ca href=\"\u002Fnl\u002Fservices\u002Fit-consulting\">IT-consultancy\u003C\u002Fa>:\u003C\u002Fstrong> architectuurreviews, technologie- en AI-strategie, of een parttime CTO wanneer je senior oordeel nodig hebt.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Ca href=\"\u002Fnl\u002Fservices\u002Fseo\">SEO\u003C\u002Fa> en \u003Ca href=\"\u002Fnl\u002Fservices\u002Fdigital-marketing\">digitale marketing\u003C\u002Fa> bieden we nog steeds aan, voor klanten die dat naast hun platform nodig hebben. Ze zijn alleen niet meer de hoofdzaak.\u003C\u002Fp>\n\u003Ch2 id=\"een-ontwerp-van-de-tekentafel\">Een ontwerp van de tekentafel\u003C\u002Fh2>\n\u003Cp>Het nieuwe ontwerp heet "Schematic". Het leent van technische tekeningen: millimeterpapier op de achtergrond, annotaties in een monospace-lettertype, maatlijnen, specificatielijsten en screenshots met snijtekens. Elke dienstpagina heeft een klein systeemschema dat laat zien waar die dienst in een typische opzet zit.\u003C\u002Fp>\n\u003Cp>We kozen hiervoor omdat het past bij het werk. We ontwerpen systemen voordat we ze bouwen, en we wilden dat de site eruitziet alsof hij gemaakt is door mensen die dat doen. Er is ook een volwaardige donkere modus die de instelling van je apparaat volgt, met een schakelaar in de header.\u003C\u002Fp>\n\u003Ch2 id=\"duidelijke-prijzen\">Duidelijke prijzen\u003C\u002Fh2>\n\u003Cp>De prijzen staan nu op de site in plaats van achter een contactformulier. Websites beginnen bij 12.000 THB, webshops bij 35.000 THB, consultancy kost 2.500 THB per uur en SEO-pakketten beginnen bij 7.500 THB. Grotere platformen krijgen na een eerste gesprek een offerte op maat. Vanafprijzen zijn precies dat: wat je uiteindelijk betaalt, hangt af van wat je wilt laten bouwen.\u003C\u002Fp>\n\u003Ch2 id=\"twintig-cases\">Twintig cases\u003C\u002Fh2>\n\u003Cp>Het \u003Ca href=\"\u002Fnl\u002Fportfolio\">portfolio\u003C\u002Fa> bevat nu twintig cases, elk met het probleem, wat we bouwden, de techniek erachter en screenshots van het live systeem. Een deel van deze projecten verwerkt boekingen, betalingen of persoonsgegevens, dus namen, kentekens, apparaat-ID's en financiële cijfers zijn onherkenbaar gemaakt.\u003C\u002Fp>\n\u003Ch2 id=\"engels-nederlands-en-thais\">Engels, Nederlands en Thais\u003C\u002Fh2>\n\u003Cp>De hele site is beschikbaar in het Engels, \u003Ca href=\"\u002Fnl\">Nederlands\u003C\u002Fa> en Thais. We werken met klanten in Thailand, Zuidoost-Azië, Europa en Australië, en lezen over ons doe je het liefst in je eigen taal. De taalkeuze in de header houdt je op dezelfde pagina.\u003C\u002Fp>\n\u003Ch2 id=\"de-blog-is-verhuisd\">De blog is verhuisd\u003C\u002Fh2>\n\u003Cp>Onze artikelen stonden vroeger op een aparte kennisbank op kb.webfluentia.com. Ze zijn nu onderdeel van de hoofdsite op \u003Ca href=\"\u002Fnl\u002Fblog\">webfluentia.com\u002Fnl\u002Fblog\u003C\u002Fa>, in het Engels en Nederlands, in hetzelfde ontwerp als de rest van de site. Elke oude link stuurt door naar het nieuwe adres, dus bladwijzers en links vanaf andere sites blijven werken.\u003C\u002Fp>\n\u003Cp>Alles op één domein is beter voor lezers en voor zoekmachines: de artikelen en de diensten waar ze naar verwijzen versterken elkaar nu, in plaats van als twee losse sites met elkaar te concurreren.\u003C\u002Fp>\n\u003Ch2 id=\"onder-de-motorkap\">Onder de motorkap\u003C\u002Fh2>\n\u003Cp>Als engineers konden we de binnenkant natuurlijk ook niet laten zoals hij was. De site is gebouwd met Nuxt en draait op Cloudflare Workers, zodat pagina's worden geserveerd vanuit datacenters dicht bij waar je bent. We hebben het oude Bootstrap-template en de bijbehorende plug-ins verwijderd, goed voor zo'n 59.000 regels code en 136 MB aan afbeeldingen. Lettertypen worden zelf gehost, afbeeldingen worden in moderne formaten geleverd en het contactformulier loopt via de e-maildienst van Cloudflare zelf, met botbescherming en zonder externe mailingtool ertussen.\u003C\u002Fp>\n\u003Cp>Niets hiervan zie je, en dat is precies de bedoeling. Een snelle, eenvoudige site die blijft draaien zonder dat iemand ernaar om hoeft te kijken, is wat we voor klanten bouwen. Dus dat wilden we ook voor onszelf.\u003C\u002Fp>\n\u003Ch2 id=\"kijk-rond\">Kijk rond\u003C\u002Fh2>\n\u003Cp>Kijk gerust rond en laat ons weten wat je ervan vindt. Plan je een platform, heb je hulp nodig met infrastructuur of wil je een second opinion op een technische beslissing? \u003Ca href=\"\u002Fnl\u002Fcontact\">Stuur ons een bericht\u003C\u002Fa> of lees \u003Ca href=\"\u002Fnl\u002Fabout\">hoe we werken\u003C\u002Fa>.\u003C\u002Fp>\n",[6,9,12,15,18,21,24,27],{"id":7,"title":8},"vier-disciplines-een-klein-team","Vier disciplines, één klein team",{"id":10,"title":11},"een-ontwerp-van-de-tekentafel","Een ontwerp van de tekentafel",{"id":13,"title":14},"duidelijke-prijzen","Duidelijke prijzen",{"id":16,"title":17},"twintig-cases","Twintig cases",{"id":19,"title":20},"engels-nederlands-en-thais","Engels, Nederlands en Thais",{"id":22,"title":23},"de-blog-is-verhuisd","De blog is verhuisd",{"id":25,"title":26},"onder-de-motorkap","Onder de motorkap",{"id":28,"title":29},"kijk-rond","Kijk rond",1793274561647]