Voor je de website technisch gaat samen stellen, overleg je eerst met de klant de menu (sitemap) en de inhoud (wireframe). Met behulp van MockFlow kan je dit snel samenstellen.

Wat komt er op je homepagina?

In 10 seconden moeten we kunnen zien wat het bedrijf doet, waar het ligt en hoe je het bedrijf kunt contacteren.

Je homepage is de samenvatting van je website! Dat doe je met blokken content die je bezoeker triggert om verder te lezen of actie te ondernemen.

Vertel in 5 regels wat je doet!

Wat mij betreft moet een bezoeker binnen 5 seconden weten wat jij doet en waarom dit voor haar relevant is. Je wilt jouw bezoekers niet frustreren met vage anonieme teksten, nieuws (tenzij het een nieuwssite is) of lange lappen tekst. Vat in 5 regels samen wat je doet, waarom jij uniek bent en wat jij te bieden hebt. Dit is de kern van je website, en helpt je straks om de rest van je website beter in te richten.

Wat wil een bezoeker weten?

  • Wie ben je?
  • Wat doe je (niet)?
  • Welk probleem los je op?
  • Is de informatie op je website relevant voor mij?
  • Waarom ben jij de juiste persoon?
  • Hoe weet ik dat ik je kan vertrouwen?
  • Wat moet ik doen op je website?
Dit artikel komt van: wat moet er op de homepage van je website staan/

Werk je website uit in HTML & CSS. Je mag dit schooljaar werken met een grafisch programma Nicepage.

Nicepage

Via de gratis software Nicepage kan je uw website vormgeven. Je werkt in de online editor dus het programma niet downloaden! De standaard inhoud is gratis maar voor een ander template of extensies moet je voor betalen. Je kan het later dan publiceren onder een website adres van nicepage.io.

Vormgeving

Ga naar de menu 'Thema' en wijzig de stijlen van kleuren en typografie naar je eigen huisstijl.

Je kan ook zelf CSS toevoegen onder 'Pagina instellingen'.

Roep deze uit ofwel typ je de naam (zonder .) bij CSS Class ofwel haal je deze op uit de keuzelijst van tekstopmaak

Exporteer

Exporteren als HTML gaat niet lukken in de gratis versie, je kan wel publiceren. Kies voor de naam 'https://GIPvoornaam.nicepage.io' bijvoorbeeld'https://GIPdylan.nicepage.io'.

Maak gebruik van een online platform jotform.

Inhoud van het formulier

Je hebt heel veel keuze bij formulier elementen.

Vormgeving van het formulier

Verander de CSS van het formulier via Formulier ontwerper > Geavanceerde designer.

Reserveren in je Google Calender

Meer uitleg vind je via google calendar create events

Insluiten (embed) via HTML

Je kan deze later eenvoudig integreren in je HTML of via nicepage als iframe-tag. Kies voor het element toevoegen > HTML

Ontwerp een instagram of facebook-banner. Je mag gebruik maken van crello.

Voeg eerst je huisstijlkleuren toe en typografie.

Voeg je eigen foto's toe

Download als PDF print

Je ontwerpt voor de klant, de klant kent echter geen HTML en kan geen inhoud van je website aanpassen. Bespreek met de klant welke pagina of onderdeel hij graag wel items kan toevoegen/veranderen en eventueel verwijderen.

We gaan een tabel toevoegen in onze database en hiervoor een backend-formulier voor de klant maken.

Plaats je resultaat in een mockup van zowel een gsm als een beeldscherm. Toon ook min. 4 verschillende pagina's.