2. Structuur Document. De pagina structuur van je website

Maat: px

Weergave met pagina beginnen:

Download "2. Structuur Document. De pagina structuur van je website"

Lander Bakker
8 jaren geleden
Aantal bezoeken:

1 2. Structuur Document De pagina structuur van je website

2 Hoe gaat de structuur er uit zien? Dit document geeft een beeld hoe de pagina s van de website eruit gaan zien en welke content (teksten beeldmateriaal) hiervoor nodig zijn. Concreet in het document: 1. De paginastructuur (nog een keer) 2. Welke content hebben we nodig? 3. Wat wordt er van je verwacht?

3 1. Pagina structuur website / wireframes In de volgende pagina s tref je de wireframes. Deze geven je een beeld hoe de pagina gestructureerd zal worden. Er staan cijfers in de wireframes, deze geven in het volgende hoofdstuk aan wat voor tekst er moet komen. In totaal zijn er 3 wireframes gemaakt. Wireframe 1 geeft je een indruk hoe de homepage eruit zal zien (qua structuur) Wireframe 2 geeft je een indruk hoe een productsoort pagina eruit zal zien (bijvoorbeeld: ) Wireframe 3 geeft je een indruk hoe een product pagina eruit zal zien. Belangrijk Er is 1 feedbackmoment voor de wireframes (pagina indelingen). Wanneer je al je feedbackpunten hebt aangeleverd en op een later tijdstip toch een verandering wil doorvoeren in de structuur van een pagina, dan komt er een nieuwe wireframe. De kosten voor een nieuwe wireframe bedragen eenmalig 49,-.

4 Wireframe 1 Dit wordt de structuur voor: Homepage

5 Wireframe 2 Dit wordt de structuur voor: H oofddiensten pagina s: bedrijven & particulieren

6 Wireframe 3 Structuur voor deze 5 pagina s: - uitleg 5 elementen

7 Wireframe 3 Structuur voor: De contactpagina

8 2. Benodigde content (tekst en beeld) 2.1 Welke teksten hebben wij nodig? Als je naar de wireframes kijkt in de vorige paragraaf, zie je letters bij bepaalde blokken staan. Hieronder wordt aangegeven wat voor teksten we voor die blokken verwachten in het teksten aanleverdocument kun je deze teksten toevoegen (check in de ) Letter in Wireframe Omschrijving 1 1 t/m 13 over de homepage Achtergrond afbeelding: gezonde mooie kleurijke foto s van eten met eventueel elma 2 titel 5 elementen voeding Tekst: verklarende zin over 5 elementen 3 Button met eventueel deze tekst Wat is elementen voeding?" 4 Titel die de kracht van de 5 elementen verteld 5 Bijpassend icoon (door BU) 6 Element 1 + korte beschrijving Element 2 + korte beschrijving Element 3 + korte beschrijving Element 4 + korte beschrijving Element 5 + korte beschrijving 7 Namen voor de verschillende diensten. Bovenste 3 gericht op Particulieren onderste 2 gericht op de zakelijke markt 8 quote van een klant die baat bij 5 elementen voeding heeft gehad, indien niet aanwezig een quote van elma zelf 9 lange tekst over de kookstudio, waarom deze 5 elementen voeding op een goede manier aanbied en wat de voordelen zijn om op deze manier te leven 10 USP s van 5elementenkookstudio 11 Een kleine tekst over pollies en dat 5 elementen kookstudio onderdeel daar van is.

9 12 Menu (door BU) 13 Openingstijden / contactgegevens / adres t/m 24 over de over ons pagina achtergrond afbeelding van de kookstudio 15 Eventueel andere tekst voor Over 5 elementen kookstudio 16 Afbeelding van Elma 17 Tekst over ontstaan van 5 elementen kookstudio 18 Net als pollies weer usp s van Elma? 19 Meer informatie over ontstaan & doel van 5 elementen kookstudio 20 afbeelding van eten / elma 21 quote van elma 22 Optioneel meer informatie over de geschiedenis van elma (zodat de ) 23 afbeelding van 5 elementen voeding 24 afbeelding van 5 elementen voeding t/m 24 over de hoofd diensten pagina s : bedrijven & particulieren Bedrijven: Achtergrond afbeelding: bedrijven en 5 elementenvoeding (workshop?) Particulieren Achtergrond afbeelding: particulieren en 5 elementenvoeding (een foto van een vrouw thuis met gezonde voeding?) 26 mooie titel tekst waarom 5 elementen voeding goed voor het bedrijf is. 27 Titel dienst + kleine tekst van inhoud over de dienst 28 Bedrijven: Button met eventueel deze tekst Meer over teambuilding" Particulieren: Button met eventueel deze tekst Meer over kennismaking" 29 Bedrijven: Titel dienst + kleine tekst van inhoud over de dienst 30 Bedrijven: Particulieren: 2 x titel dienst + kleine tekst van inhoud over de dienst

10 De namen van de 5 elementen met betrekking tot lichaam Particulieren: De namen van de 5 elementen met betrekking tot lichaam 31 Bedrijven: Button met eventueel deze tekst Maak je bedrijf gezonder" Particulieren: 2 x buttontekst voor de diensten gezondleven en klachten verhelpen 32 Bedrijven: Afbeelding: Recensent bedrijf Bedrijven: Afbeelding: Recensent 33 Bedrijven: recensent met naam en toenaam + recensie Particulieren: recensent met naam en toenaam + recensie 33 van 33 t/m 45 zijn voor de volgende 6 pagina s: - uitleg 5 elementen is per ongeluk dubbel gegaan hier komen iconen van de lichaamsdelen in 5 elementen voeding 34 uitleg 5 elementen titel pagina + ondertitel 35 uitleg 5 elementen Button met eventueel deze tekst Leer meer over 5 elementen Button met eventueel deze tekst Direct offerte aanvragen"

11 Button met eventueel deze tekst meedoen met deze workshop" 36 uitleg 5 elementen Dit is de uitleg over het eerste element, er komt zo n heel grijs blok per element Korte intro tekst over de training/teambuilding, als er genoeg info is kan er nog een accordeon element onder worden gevoegd Button met eventueel deze tekst meedoen met deze workshop" 37 uitleg 5 elementen Dit is de uitleg over het eerste element, er komt zo n heel blok per element, hier hebben we iets meer input van jullie nodig over wat de beste manier is om dit weer te geven Opsomming van de inhoud en hoe de workshop er uit ziet 38 uitleg 5 elementen Kleine weetjes van 5 elementen voeding 39 optioneel Alle voordelen op een rijtje 40 uitleg 5 elementen

12 Een wikipedia achtig weetje over 5 elementen voeding 41 uitleg 5 elementen Afbeelding: recensent (in het begin kunnen er dezelfde recensie komen het doel is om dit te verspreiden). 42 uitleg 5 elementen Naam & toenaam van recensie + recensie 43 Bijpassend icoon (door BU) 44 uitleg 5 elementen Eventueel andere tekst voor Vraag hieronder offerte aan Eventueel andere tekst voor Boek een workshop 45 uitleg 5 elementen usps van 5 elementen kookstudio 46 Achtergrond afbeelding: 5 elementen kookstudio 47 Eventueel andere tekst voor neem hier contact met ons op 48 contactgegevens

13 Overige onderwerpen / opmerkingen voor het schrijven van teksten Wat wordt er van je verwacht? 1. Feedback op wireframes 2. Tekst aanleveren 3. Beeld aanleveren ga terug naar 5elementen.blinktuit.nl/aanleveren

Vergelijkbare documenten

Uitleg CMS Utrecht Your Way Button 1. Inloggen

Uitleg CMS Utrecht Your Way Button 1. Inloggen Met jouw login gegevens kun je inloggen via http://button.utrechtyourway.nl/cms 2. Dashboard Na inloggen wordt het dashboard van het CMS zichtbaar. Of te