Dit is een intro om een idee te geven van een ontwikkel- en bouwproces. Het zijn onderdelen die zich meestal tegelijkertijd afspelen en invloed op elkaar hebben, bijvoorbeeld door review en feedback.

We hebben het technische gedeelte van de installatie van het systeem, het hosten van de website, het implementeren van maatwerkfunctionaliteit en het uitvoeren van het design.

Er zijn de creatieve onderdelen van de look en feel van de website die een holistische kijk vereisen. Het uiterlijk van lettertypen, kleuren, afbeeldingen, het logo en dergelijke. Het gevoel dat bestaat uit de flow door de pagina's en het navigeren door de website, dat leidt tot de respons van de bezoekers, de Calls To Action.

Het inhoudsgedeelte - de content - is te zien als het eindspel op de website. De website wordt gevuld overgedragen aan de klant die verder kan gaan met publiceren. Dit onderdeel bestaat uit pagina's maken en vullen met tekst, afbeeldingen, video, formulieren, winkels, nieuws, blogs en alle functionaliteiten, en navigatie maken. ViBiS levert TYPO3-websites met de opties die je nodig hebt om de inhoud optimaal te beheren.

Een groot onderdeel is het voorzien van de marketingmechanismen. Het is een samengaan van de drie andere onderdelen maar er komen nog extra's bij kijken. Marketing heeft technische componenten in optimalisatie voor snelheid en vindbaarheid. Een design component in het creëren van een mooie en optimale flow die de bezoekers helpt de weg in de website te vinden en tot conversie over te gaan. En natuurlijk een flink deel dat zit in het creëren van geoptimaliseerde content, in het finetunen van de inhoud.

Zoals gezegd is het proces niet lineair; denk "agile". Alle onderdelen grijpen terug op elkaar. In cycli wordt het voor editors mogelijk om de content- en marketingtaken te oefenen en echt uit te voeren. Dit is de training voordat de website live gaat. Tegelijk krijgen technici en designers op basis van feedback een beter beeld van de wensen van de opdrachtgever en kan er worden gestuurd op optimalisatie.

Geen website zonder plek op een server, en dat geldt voor elke website: de webhosting. De basiscodebestanden van TYPO3 worden op die plek geplaatst met behulp van Composer, een programma dat zorgt voor een correcte installatie en versiebeheer.

Voor een TYPO3-website is een database vereist (MySQL, Microsoft, het is allemaal goed).

Hoe?

Voor de ViBiS klanten is het allemaal uit handen genomen. Het opzetten van een installatie duurt ongeveer 15 minuten. De meeste tijd gaat naar de voorbereiding: het maken van de deal en het eerste ontwerpproces. En bij het updaten van de kennis om TYPO3 CMS correct te installeren en het finetunen van de omgeving, voor prestaties, om het veilig en gezond en snel te houden.

Er zijn hosting providers die alles hebben geautomatiseerd. Je vinkt een vakje aan "installeer WordPress" of "installeer Drupal" of "installeer TYPO3 CMS", je volgt de stappen, en dan heb je een setup om je website te starten. Maar wat is je volgende stap? En werk je met de laatste veiligste versie? En als je hulp nodig hebt, wie is er dan voor je? Wanneer ViBiS de setup voor je doet, en je begeleidt bij de volgende stappen, kun je met onze ondersteuning nog veel zelf doen. Het kost je misschien een paar honderd euro extra, maar het bespaart je dagen die je eigenlijk aan je bedrijf zou moeten besteden. En als je ervoor kiest om een complete website te kopen, is dit installatie gedeelte verwaarloosbaar, sprekend in euro's.

Bruggetje naar het ontwerp

Nu de basisstappen zijn gezet, is het tijd om je voor te bereiden op het creatieve gedeelte. Dit is ook technisch, in die zin dat zogenaamde "sitepackages" in het systeem geladen moeten worden. Dit zijn een soort basissjablonen voor de website. Nu deze pakketten zijn geladen, kunnen we beginnen met het invullen van het aangepaste ontwerp voor uw website.

Bij ViBiS denken we dat je een website wilt die opvalt. Natuurlijk gebruiken we de reguliere patronen omdat ze zich in de loop van de tijd hebben bewezen. Het grootste deel van de lay-out komt bijvoorbeeld uit het Bootstrap-framework. Maar we streven er zeker naar vooruitstrevend te zijn in uw voordeel. Ook dat regelen behoort tot de installatie.

Het kan zijn dat je een ontwerper hebt of dat wij het ontwerp voor je doen. Het kan zijn dat je al een huisstijl hebt of dat deze nog ingesteld moet worden. Een logo bestaat of niet... Er zijn hier geen vaste regels. Wat e rook moet gebeuren, bij ViBiS doen we dat graag samen met jou. Het belangrijkste is hoe al deze creativiteit terechtkomt in je website, op smartphones en desktops.

Styles en Scripts

Standaard wordt het Bootstrap by Twitter-framework van JavaScript en CSS - de basisscripts en -stijlen - gebruikt. Waarom? Omdat het een de facto industriestandaard is, waardoor het door veel frontend-ontwikkelaars kan worden gebruikt en onderhouden. Op basis daarvan implementeert ViBiS de styling en functionaliteit op maat, met als resultaat jouw uitstekende website.

Op dit moment kan ook jouw eigen ontwerper inhaken op de projectrealisatie.

Responsive Design

Aangezien een website zichtbaar en bruikbaar moet zijn op een breed scala aan schermen, van mobiel tot grootbeeld tv, passen we de responsive design patterns toe. In wezen gedekt door het Bootstrap "mobile first"-framework, breiden we dat uit tot in elk detail.

Adaptive Design

Maar responsive is niet genoeg, als je het aan ViBiS vraagt. Dus gaan we nog een stap verder, we maken al onze websites klaar voor Adaptive design. Wat is het verschil?

Soms zijn elementen in een webpagina zo verschillend op mobiel en desktop, dat er twee versies nodig zijn van één element. Eén element dat op de mobiel verschijnt en één dat op het grotere scherm verschijnt. Maar onder water zijn beide elementen geladen - één is alleen verborgen - wat betekent dat er verspilling van bandbreedte kan zijn. Of wanneer je een heel andere navigatie en flow op de mobiel nodig hebt wanneer de desktop een megamenu toont; in dat geval is adaptief ontwerpen de sleutel.

Dus waar responsief ontwerp veel dekt, verbetert adaptief ontwerp het naar uw behoeften.

Inhoud plaatsen

In de creatieve fase wordt de content al toegevoegd aan de website in ontwikkeling. We kunnen beginnen met mock-up teksten - "Lorem Ipsum" - maar in een vroeg stadium is een realiteitstest nodig om te zien hoe elk detail uitpakt. Hoe de lettertypen eruit zien, hoe grote stukken tekst uitlijnen tegen randen en afbeeldingen, hoe video's zich gedragen en hoe testlezers reageren. In deze fase ondersteunen we je bij het schrijven van de inhoud en het uploaden van afbeeldingen en video's in het systeem, zodat je eraan kunt wennen. Het is erg nuttig als onderdeel van de training en de hele ervaring.

Zonder bezoekers kun je net zo goed geen website hebben. Dan heeft het geen zin. Natuurlijk zijn er andere situaties zoals inlogwebsites, websites voor alleen werknemers of leden, maar toch hebben die ook een publiek en binnen zo'n website moeten mensen ook hun weg vinden. TYPO3 kan dergelijke "use cases" ook prachtig bedoenen. Maar normaal gesproken wil je dat je website succesvol is voor je bedrijf en daarvoor heb je zoveel mogelijk relevante bezoekers nodig.

Het belangrijkste om op te vallen in de zoekresultaten van Google is goede en relevante inhoud. Daarnaast is een degelijke websitestructuur met goede headers en dergelijke zeker ook nodig. En het genereren van verkeer - bezoekers - naar jouw website heeft ook andere activiteiten nodig die daarbuiten liggen, bijvoorbeeld mensen naar jouw website laten linken vanaf sociale media-accounts, jouw sociale media op de juiste manier opzetten, misschien wat advertenties.

En wat kun je nog meer doen? TYPO3 maakt het gemakkelijk om je URL's, de paginatitels, de beschrijvingen, navigatietitels, alt-tags voor afbeeldingen, rich snippets, sitemaps en alle andere relevante SEO-instellingen te beheren. Je kunt je door Google gecertificeerde partner, of ViBiS, of enige hulp of andere whizzkid vragen om je hierbij te helpen; ook voor hen zal het gemakkelijk zijn om de geoptimaliseerde instellingen toe te passen om jouw website hoger te laten scoren.