Draaiboek Primaned

Transcriptie

1 Draaiboek Primaned

2 Inleiding Betreft: draaiboek Primaned Geachte heer Berck, geachte mevrouw Schilten, Beste Geoffrey, beste Angelina, Graag bedanken wij u nogmaals voor uw interesse in onze diensten. Hierbij vindt u het draaiboek dat de uitwerking van uw website beschrijft. Dit bevat alles wat besproken is geweest tijdens onze afspraak van 13/11/2012 op ons kantoor. De website wordt ook uitgewerkt op de wijze die hierin beschreven is. Indien achteraf nog grote aanpassingen of extra s toegevoegd dienen te worden, gebeurt dit op basis van een offerte en wordt de planning herzien. U bestelde bij ons de volgende diensten: Website Plus (responsive, 3 talen), SEO Plus, Google Adwords Eco, Linkbuilding Plus en Mailtool. Wanneer u akkoord gaat met dit draaiboek, gelieve het te ondertekenen, in te scannen en via mail terug te bezorgen aan tara.p@the-aim.be. Mocht dit niet mogelijk zijn, mag u het ondertekende draaiboek uiteraard ook per post naar ons toesturen. Voor al uw vragen of opmerkingen kan u met mij contact opnemen per mail of telefonisch via +32 (0) Zodra wij uw goedkeuring ontvangen hebben, starten wij met de verdere uitwerking van uw site. Met vriendelijke groet, Tara Podevyn

3 Inhoudsopgave 1. Bestelde diensten Timing uitwerking diensten Opbouw van uw website Algemene informatie Hosting domeinnaam Structuur website Lay-out Prototype Designvoorstel Uitwerking website in een testomgeving Online plaatsen website Uitwerking overige diensten SEO Plus Google Adwords eco Linkbuilding Plus Mailtool Uw taken Bijlage 1: Specificaties aanleveren bronmateriaal Bijlage 2: Verklarende begrippen Bijlage 3: Mindmap Bijlage 4: Prototype... 20

4 1. Bestelde diensten U bestelde bij ons de volgende diensten. Deze diensten worden, in relatie tot uw website, opgeleverd zoals hierna beschreven. IMP (uitgevoerd) Website Plus (responsive) (NL, FRA, ENG) SEO Plus Google Adwords Eco Linkbuilding Plus Mailtool 2. Timing uitwerking diensten Gebaseerd op uw bestellingen komen we tot de volgende planning voor het ontwikkelen van de website. Tussen de verschillende stappen kan u feedback geven. Vermits de ene stap voortvloeit uit de andere kan er steeds pas verder worden gewerkt wanneer de goedkeuring over de vorige stap gegeven is. Gelieve er dus rekening mee te houden dat indien de gevraagde data niet tijdig wordt aangeleverd, de voorziene deadlines ook zullen opschuiven. 4

5 week 50 - the AIM Opmaken draaiboek (met prototype en mindmap) week 51 - Primaned Goedkeuren draaiboek (incl. eventuele aanpassingen) week 1 (2013) - the AIM Opmaken design homepage week 2 - Primaned Goedkeuren design homepage (incl. eventuele aanpassingen) week 4 - the AIM Opmaken design dieperliggende pagina's week 5 - Primaned Goedkeuren design dieperliggende pagina's (incl. eventuele aanpassingen) + eventueel aanlevering bronteksten voor copywriting Week 12 - the AIM Uitwerken website in testomgeving + Back office opleiding week 13 - Primaned Aanvullen testwebsite + goedkeuring voor live gaan Na goedkeuring - the AIM Online plaatsen website 5

6 3. Opbouw van uw website De structuur voor uw website werd opgemaakt aan de hand van uw huidige website de door u ingevulde vragenlijst (van het IMP) en anderzijds de informatie die u verstrekte tijdens het draaiboekgesprek. 3.1 Algemene informatie Primaned biedt al meer dan 25 jaar ervaren consultants aan op het vakgebied van Enterprise Project Portfolio Management (EPPM). Ruim 650 organisaties en instellingen uit verschillende branches maken gebruik van de software en diensten van Primaned (Exxon Mobil, Shell, Ministerie van Defensie, ). Klanten (B2B): Speerpunten: Doel: Tagline: Grotere bedrijven, meer bepaald bedrijven net onder de top 200 ondernemingen van de Benelux. Hoge kwaliteit Totaaloplossingen (Project Management van A tot Z) Betrouwbaar Meer dan 25 jaar ervaring in EPPM oplossingen (+Oracle Gold Partner) Leads genereren Bouwen aan imago & naamsbekendheid Klantenbinding Your partner in projectmanagement Rid the world of project failure 3.2 Hosting domeinnaam De nieuwe site wordt door the AIM gehost en van onze kant uit live geplaatst. Wij bezorgen u bij het live gaan dan ook de nodige records (a-record / c-name) die de domeinnaameigenaar van het domein dient in te stellen zodat deze domeinnaam correct naar onze website verwijst. 6

7 3.3 Structuur website De mindmap werd opgemaakt op basis van het draaiboekgesprek en is een schematische voorstelling van de boomstructuur van uw website (zie Bijlage 3). Op basis van deze informatie stellen wij u de volgende website opbouw voor: Home Producten o Project Management Primavera P6 Analytics Primavera P6 EPPM Primavera P6 ERD Primavera P6 Integration API Primavera P6 Professional Primavera P6 Progress Reporter Primavera P6 Team Member Primavera P6 Web Access Primavera P6 Web Services Oracle AutoVue o Risico management Primavera Risk Analysis o Integratie Oplossingen Primaned Integrations Primavera Inspire voor SAP o Turnarounds MainTasc Enterprise MainTasc Contractor MainTasc Manager MainTasc Warehouse Markten o Petrochemie / Chemie o Engineering & Constructie o Dienstverlening o Overheid o Nutssector o Industriële Productie o Luchtvaart & Defensie o High Tech Wat doen we o Audit Maturity Scan o Consultancy Primavera Applicatie Concultants Business Consultants Risico Management Consultants Technische Consultants o Trainingen Training Earned Value Management Training Praktisch Project Management Training Project Communicatie Basis 7

8 Training Project Communicatie Feedback Training Project Risico Management P3Win upgradetraining naar Primavera P6 P6 Project Management - Gevorderden P6 Project Management - Basistraining Primavera P6 voor Functioneel Beheerder Primavera Risk Analysis o Projectadvies Detachering o Maatwerk Maatwerk oplossingen Support o Helpdesk o Technisch Consultant o Tips & Tricks Over Primaned o Oracle Primavera Partnerships Referenties Vacatures Nieuws Contact Activiteiten Trainingen Privacy Policy Algemene voorwaarden 1. Home Logo + slider + tagline Logo Primaned: aanklikbaar en linkt door naar homepage. Slider + quotes van klanten linken door naar referentiepagina. Tagline Primaned: Your partner in projectmanagement Primaire navigatie met de belangrijkste onderdelen van de site (ieder menu item is aanklikbaar met een achterliggende pagina) (uitklapmenu) Home / Wat doen wij / Markten / Producten / Support / Contact Secundaire navigatie (rechts bovenaan) Over Primaned / Vacatures / Nieuws / Referenties / Partnerships / Taalkeuze Drie onderdelen van Primaned o Consulting Introductietekst + linkt door naar de Consultancy -pagina o Trainingen Introductietekst + linkt door naar de Trainingen pagina o Software Introductietekst + linkt door naar de Producten pagina Bedrijfsfilm Primaned 8

9 YouTube video, bedrijfsfilm van Primaned. De video wordt hier afgespeeld (geen nieuw venster). Schrijf je nu in op onze nieuwsbrief Bezoeker kan hier zijn adres ingeven indien hij de nieuwsbrief wil ontvangen. Activiteitenblok Overzicht van de eerstkomende activiteiten van Primaned. Trainingenblok Overzicht van de eerstkomende trainingen van Primaned. Laatste nieuws De laatst gepubliceerde nieuwsberichten worden hier weergegeven. De bezoeker kan op de nieuwsberichten klikken indien hij meer informatie wenst. Hij wordt dan doorgelinkt naar de nieuwsdetailpagina. Product in de kijker Product (naar keuze) wordt uitgelicht. Bezoeker kan hierop klikken en wordt dan doorgelinkt naar de productdetailpagina. Support Enkele FAQ vragen met mogelijkheid door te klikken indien bezoeker meer info wenst. Hij wordt dan doorgelinkt naar de Tips & Tricks pagina. Maturity Scan Korte uitleg over de Maturity Scan van Primaned, optie om door de klikken naar de detailpagina voor meer info. Footer: o o o o o o Overzicht van het aanbod en de verschillende producten van Primaned Interne links naar de bijhorende pagina s Contactgegevens Adres, adres, telefoon en fax Social Media buttons Facebook, Twitter, LinkedIn Privacy policy Algemene voorwaarden (indien beschikbaar) Logo van the AIM 2. Infopagina (bv. Over Primaned) Bv. Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Over Primaned intro Begeleidende tekst over onder andere de historiek en het aanbod van Primaned. Links in de tekst naar andere pagina s binnen de Primaned website. Link naar de Oracle Primavera pagina, de bezoeker kan hier meer info vinden over de samenwerking tussen Primaned en Oracle. Linkerkolom CTA 9

10 Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 3. Overzichtspagina (bv. Producten) Bv. Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Producten intro Begeleidende tekst over de verschillende producten van Primaned. Links in de tekst naar andere pagina s binnen de Primaned website. Afbeelding(en) Openen in een lightbox indien de bezoeker hierop klikt. Linkerkolom overzicht producten o Project Management - indien bezoeker hierop klikt ook onderstaande producten: Primavera P6 Analytics Primavera P6 EPPM Primavera P6 ERD Primavera P6 Integration API Primavera P6 Professional Primavera P6 Progress Reporter Primavera P6 Team member Primavera P6 Web Acces Primavera P6 Web Services Oracle Autovue o Risico Management - indien bezoeker hierop klikt ook onderstaande producten: Primavera Risk Analysis o Integratie Oplossingen - indien bezoeker hierop klikt ook onderstaande producten: Primaned Integrations Primavera Inspire voor SAP o Turnarounds - indien bezoeker hierop klikt ook onderstaande producten: MainTasc Enterprise MainTasc Contractor MainTasc Manager MainTasc Warehouse Linkerkolom Download dit PDF document (Indien beschikbaar - anders is dit niet zichtbaar!) De bezoeker kan hier zijn gegevens (bedrijf, naam & adres) ingeven en een pdf document met meer informatie over dit product downloaden. Linkerkolom CTA Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 10

11 4. Productpagina (bv. Primavera P6 Analytics) Bv. Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Product intro Begeleidende tekst over het product. Links in de tekst naar andere pagina s binnen de Primaned website. Afbeelding(en) Openen in een lightbox indien de bezoeker hierop klikt. Sterke punten Overzicht van de verschillende voordelen van dit product. Dit product is geschikt voor de volgende markten Overzicht van de verschillende bijhorende markten. De bezoeker kan hierop klikken en komt dan terecht op de infopagina over deze markt. Linkerkolom overzicht producten o Project Management - indien bezoeker hierop klikt ook onderstaande producten: Primavera P6 Analytics Primavera P6 EPPM Primavera P6 ERD Primavera P6 Integration API Primavera P6 Professional Primavera P6 Progress Reporter Primavera P6 Team member Primavera P6 Web Acces Primavera P6 Web Services Oracle Autovue o Risico Management - indien bezoeker hierop klikt ook onderstaande producten: Primavera Risk Analysis o Integratie Oplossingen - indien bezoeker hierop klikt ook onderstaande producten: Primaned Integrations Primavera Inspire voor SAP o Turnarounds - indien bezoeker hierop klikt ook onderstaande producten: MainTasc Enterprise MainTasc Contractor MainTasc Manager MainTasc Warehouse Linkerkolom Download dit PDF document (Indien beschikbaar - anders is dit niet zichtbaar!) De bezoeker kan hier zijn gegevens (bedrijf, naam & adres) ingeven en een pdf document met meer informatie over dit product downloaden. Linkerkolom CTA Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 11

12 5. Nieuwspagina Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Nieuwsoverzicht + datums publicatie Chronologisch overzicht van de verschillende gepubliceerde nieuwsitems. Per nieuwsbericht kan er ook een bijhorende thumbnail foto geplaatst worden. Bezoeker kan indien hij meer informatie wenst doorklikken, en komt dan op de nieuwsdetailpagina terecht. Linkerkolom CTA Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 6. Nieuwsdetailpagina Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Nieuwsitem + datum publicatie Complete tekst van het nieuwsbericht. Afbeelding Bijhorende afbeelding (naar keuze). Linkerkolom CTA Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 7. Contactpagina Logo, primaire navigatie, secundaire navigatie en footer zoals op de homepagina. Banner (optioneel) Sfeerfoto naar keuze. Contact intro Introductietekst over waarom en hoe Primaned gecontacteerd kan worden. Contactformulier Naam, adres, Bedrijf, Telefoon, Opmerking 12

13 Google maps Google maps kaartje met daarop Primaned aangeduid. Zowel adres in Nederland als in België. Linkerkolom CTA Contacteer ons - linkt door naar de contactpagina (contactformulier). Bezoeker kan ook zijn gegevens (bedrijf, naam en telefoon nr.) achterlaten indien hij wil dat Primaned hem contacteert. 3.4 Lay-out De look & feel van de huidige website van Primaned wordt zoveel mogelijk behouden. Het kleur rood dat gebruikt wordt is pms 186. Gelieve in functie van het uit te werken design volgende zaken aan te leveren: De geschikte.eps bestanden van het logo van Primaned. Het huisstijldocument van Primaned (eventueel). Beeldmateriaal van de verschillende producten, diensten enz. werd reeds aangeleverd. 3.5 Prototype Het prototype is een schematische en structurele voorstelling van data op uw website. Het geeft met andere woorden aan waar op de site welke informatie/data terecht komt. Dit is dus géén design, maar er is wel al heel wat functioneel opgezet zodat dit ook naar responsive gedrag het gewenste resultaat geeft. U kan de pagina verkleinen/vergroten om te zien hoe de website eruit ziet op tablet of smartphone. De teksten zijn enkel een eerste aanzet om aan te geven hoe de website er uiteindelijk uit zal zien. U vindt het prototype via volgende link: Designvoorstel Op basis van het door u goedgekeurde draaiboek zal het designvoorstel worden uitgewerkt. Het designvoorstel bevat een grafische uitwerking van de belangrijkste pagina s van de website: de homepage en een aantal onderliggende pagina s. Dit designvoorstel wordt u ter goedkeuring doorgestuurd, waarbij er maximaal 2 correctierondes voorzien zijn. In eerste instantie werken wij de homepage uit, daarna de onderliggende pagina s na goedkeuring design homepage. 3.7 Uitwerking website in een testomgeving Na goedkeuring van het designvoorstel wordt de website uitgewerkt op een test omgeving met een specifieke URL. 13

14 Bovendien wordt er een Back Office opleiding ingepland om u de opbouw en het gebruik van de site verder toe te lichten opdat u data kan toe voegen en/of wijzigen. The AIM maakt gebruik van Progressive enhancement. Progressive enhancement is een methode om scripts en CSS (lees: bewegingen en opmaak) in webpagina's te verwerken. Hierbij wordt de webpagina aanvankelijk ontworpen voor de minst geavanceerde browser, waarna de meer geavanceerde functionaliteit er 'in lagen' overheen wordt gelegd. Uitgangspunt hierbij is dat minder geavanceerde browsers (denk aan een oude versie of bijvoorbeeld screenreaders) steeds terug kunnen vallen op een onderliggende laag wanneer zij functionaliteit tegenkomen die ze niet kunnen verwerken. (Zijnde bewegingen, schaduwen, transparantie, kleurverloop, etc.) 3.8 Online plaatsen website Na uw goedkeuring wordt de site vanuit de testomgeving online geplaatst op 14

15 4. Uitwerking overige diensten Met betrekking tot volgende bestelde diensten wordt u doorheen de verschillende projectfasen door ons gecontacteerd: 4.1 SEO Plus De uitwerking hiervan gaat van start van zodra de website quasi op punt staat, en verloopt in volgende fases: Trefwoordonderzoek met daarna trefwoordvoorstel. Copywriting na goedkeuring van trefwoordvoorstel. Online plaatsen van teksten uit copywriting in testwebsite. Na de backoffice opleiding zal u zelf de overige pagina s (die niet in de copywriting werden uitgewerkt) online kunnen zetten. Een maand na het online gaan vindt een eerste periodieke evaluatie van de SEO plaats. De daaropvolgende evaluaties gebeuren om de drie maanden. 4.2 Google Adwords eco Google Adwords wordt in januari 2013 gestart. In eerste instantie wordt enkel met Nederlandse trefwoorden gewerkt. De campagne is gericht op Nederlands en Vlaams België. Onze internet marketeer zal de huidige website van Primaned analyseren, de juiste trefwoorden kiezen en advertentieteksten aanmaken. U ontvangt hier uiteraard ook een overzicht van, nog voor alles online gaat. 4.3 Linkbuilding eco Na de eerste periodieke evaluatie van de SEO gaat the AIM na welke trefwoorden nog beter kunnen scoren. Deze worden in het Linkbuilding pakket opgenomen die dan van start gaat. 4.4 Mailtool De aanmaak hiervan gaat van start van zodra de website quasi op punt staat, zodat de in- en uitschrijfformulieren gekoppeld kunnen worden. Er werden reeds enkele mailings van Primaned geanalyseerd en tips ter verbetering gegeven. 15

16 5. Uw taken Na uw goedkeuring van dit draaiboek en bijlagen heeft u de volgende taken, noodzakelijk voor de uitwerking van uw site: Logo aanleveren: graag het logo van Primaned in EPS of PSD formaat aanleveren. Huisstijldocument: indien mogelijk graag het huisstijldocument van Primaned aanleveren. Bronmateriaal aanleveren: in functie van de SEO-optimalisatie krijgt u van ons nog een overzicht van eventuele teksten die nog ontbreken. Gelieve de algemene voorwaarden van Primaned (indien beschikbaar) aan te leveren. Gelieve uw favicon (indien beschikbaar) aan te leveren in ICO formaat. GOEDKEURING DRAAIBOEK Goedkeuring draaiboek, opgemaakt in 20 pagina s. Datum & handtekening Primaned: 16

17 Bijlagen Bijlage 1: Specificaties aanleveren bronmateriaal Bijlage 2: Verklarende begrippen Bijlage 3: Mindmap Bijlage 4: Prototype

18 Bijlage 1: Specificaties aanleveren bronmateriaal Tekst Afbeeldingen Logo s Audio Video Naamgeving Bestandsformaat: DOC, TXT Algemene specificaties Bestandsformaat: JPG, PNG Resolutie: minimum 72 dpi Kleursysteem: RGB Afbeeldingen die moeten bewerkt worden Afmeting breedte: minimum 1024px Afbeeldingen die niet moeten bewerkt worden Afmeting breedte: maximum 1024 px Bestandsgrootte: Hoe kleiner, hoe beter. > 100Kb is belastend voor de server en betekent een tragere weergave. Bestandsformaat: EPS, AI, PSD Kleursysteem: RGB Het logo moet vectorieel te schalen zijn zonder kwaliteitsverlies Bestandsformaat: WAV MP3 Audio bitrate 48 kbps Bestandsformaat: FLV (flashvideo) (Video s kunnen ook opgeladen zijn in een videostreaming service zoals Youtube. Dan hoeft u enkel de link aan te leveren waar de video te bekijken is) Bij de naamgeving van alle geleverde files mogen geen spaties of vreemde tekens gebruikt worden. Voorbeelden van vreemde tekens zijn / \ * < > De beste tekens om een naam eventueel in te delen zijn een laag streepje (_) en een koppelteken (-) 18

19 Bijlage 2: Verklarende begrippen Interne en Externe links: Links die op een bepaalde pagina linken naar een andere pagina binnen dezelfde website (= interne links), zullen openen in hetzelfde tabblad. Zo kan de surfer de back toets van de browser gebruiken om terug te keren naar de vorige pagina en blijft men binnen de website. Externe links, die linken naar een andere website, zullen openen in een nieuwe tab. Deze externe links worden aangeduid met een icoontje zoals bv. onderstaande Onhover: Als men met de cursor over een object beweegt Onclick: Als men met de cursor op een object klikt Lightbox: Bij een lightbox wordt er een zwarte half transparante laag boven de website geplaatst en een box centraal op het scherm. Hier kunnen bijvoorbeeld afbeeldingen in een fotogalerij weergegeven worden. (vb: ) Wysiwyg: What you see is what you get; Met deze editor kan er op een eenvoudige manier tekst aangepast worden. De toolbar is vergelijkbaar met die van MS Word. Vet, cursief, lijst, ongedaan maken, link toevoegen, link verwijderen, afbeelding toevoegen, broncode bekijken, Knippen, Kopiëren, plakken, plakken vanuit MS Word, Opmaak, (paragraaf o, Titel H3, subtitel H4) Call to action (CTA): Een object die de gebruiker aanzet of uitnodigt om een actie te ondernemen. (Bvb. contact opnemen, offerte aanvragen, etc.) 19

20 Bijlage 3: Mindmap Zie meegestuurd document. Bijlage 4: Prototype Zie: 20