Website nabouwen in Voluit Suite - Voorbereidend werk

In deze video laat je Claude, AI dus, je huidige website doorlichten.

Je krijgt één handleiding met je maten, kleuren, lettertypes, bouwblokken en al je foto's in één map.

En daarmee bouw je je site in de volgende video's na in Voluit Suite.

Even vooraf, ik ben geen designer, dus wat je hier ziet is de aanpak die ik zelf gebruik als ik een website opnieuw bouw in Voluit Suite.

En daarmee heb ik Claude geïnstrueerd om het moeilijke werk, zeg maar, voor mij te doen.

Het zijn allemaal vuistregels die voor me werken en geen designwetten.

Heb jij zelf een designer of een eigen huisstijlgids, dan gaan die keuzes natuurlijk voor.

Wat je nodig hebt is Claude met de extensie Claude in Chrome.

Je ziet hier dat icoontje.

En daarvoor heb je een betaald abonnement nodig.

En daarnaast heb je de prompt nodig.

Die heb ik hier staan en het is een hele lange prompt.

Je vindt hem onder deze video.

Bovenin de prompt vul je in over welke website het gaat, jouw websiteadres en welke pagina's je wil gebruiken om eigenlijk jouw design blokken te analyseren.

En dat hoeft echt niet de hele website te zijn.

Meestal gebruikt je website allemaal blokken achter elkaar.

En die gebruikt je ook op andere pagina's, maar dan met andere teksten daarin.

Dus het gaat echt om de design blokken.

Dus kies maximaal vijf pagina's waar verschillende blokken in terugkomen.

Natuurlijk je landing page, je homepage, daar heb je vaak echt wel de meest verschillende blokken.

Je over mij pagina, je aanbod pagina, je contact pagina voor een formulier en als je check-out pagina's hebt, zet die er ook in.

Eentje.

Meer heb je niet nodig, want je site hoort overal in principe dezelfde maten en afstanden te hebben.

Reken op ongeveer 5 tot 15 minuten dat deze prompt bezig is nadat je die pagina's hebt ingevuld.

Dus je kan lekker wat anders gaan doen.

Laat Claude het zware werk doen.

wat je doet, is je kopieert die prompt.

En je gaat naar Claude.

Claude moet ik even openen.

En daar vul je de prompt in met jouw gegevens erin.

Dan kijk je even op de site wat nou goede pagina's zijn met andere blokken.

dit is ook een goede, want daar staan weer hele andere blokken op.

Dus dan geven we gewoon de URL even erin.

Eens even kijken.

Nou, dit is ook een goeie.

dan nog de contactpagina.

Dus dit is alles wat je hoeft in te vullen.

En dan gaat Claude aan de slag.

Je zag dat Claude net om toestemming vroeg, dus je kunt daar gewoon toestemming voor geven dat hij jouw site mag bekijken.

En je kunt dan ook kiezen voor Always allow actions on this site.

Dan mag Claude op jouw website verder zonder steeds opnieuw te vragen.

Laat het tabblad met Claude AI openstaan.

Dat is hier, zie je dat Claude daarin bezig is.

Daar zie je straks ook de samenvatting en de vraag om dingen te downloaden, om het handboek te downloaden.

Ik had de video even gepauzeerd en je ziet nu dat hij klaar is.

Hij heeft vier pagina's bekeken.

Hij heeft bouwstenen bekeken en hij vond twee soorten blokken en hij heeft ook de bijzondere design effecten opgeschreven.

Dan moet je hem toestemming geven om de handleiding en de foto's in één zipbestand in je downloads map te zetten.

En soms moet je dan nog een extra toestemming geven in Chrome.

En we gaan even kijken.

Nee, hij heeft het nu gewoon gedaan.

Maar stel dat het niet lukt, soms staat er dan in de menupalk naast de...

In de browser URL-bulb staat er een tekentje dat het niet is gelukt, dus dan moet je daar toestemming geven.

En dan kun je het nog een keer vragen.

Dan open je de map.

En dan heb je hier een kant-en-klare handleiding om alle blokken te maken met de juiste kleuren, de juiste fonts, wat er in de menubalk moet komen, wat er in de foeter moet komen, hoe het er allemaal uitziet.

En ook heel handig, aan het eind staan dan alle blokken op de homepage, op de afvalpagina, etc.

Hier zijn dan bijzondere effecten.

Kijk, sommige dingen moet je soms wat extra code voor gebruiken, extra CSS code of design skills.

Als dat niet meteen lukt, geen probleem, dan stuur je deze samenvatting van die bijzondere effecte gewoon naar een designer of iemand die slim is met CSS, zodat hij dat voor jou kan doen.

Alle afbeeldingen zijn meteen gedownload in een map.

In je downloads folder, die hele map, kun je uploaden in jouw Mediabibliotheek in Voluit Suite.

Dus gewoon in één keer.

En dan kun je daarna ook gewoon die foto's weer gebruiken in je website in Voluit Suite.

Nou en mocht je nou dingen zien in je handleiding waarvoor je zegt ik ben het hier niet mee eens of dat is een oude versie of weet ik veel wat en je wil dat toch geüpdatet hebben in die handleiding dan kun je dat natuurlijk gewoon aan Claude vragen en dan kan hij dat voor jou doen.

Door naar de volgende video.