Draaiboek Primaned www.primaned.com
Inleiding Betreft: draaiboek Primaned – www.primaned.com 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
[email protected]. 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)9 237 27 26. Zodra wij uw goedkeuring ontvangen hebben, starten wij met de verdere uitwerking van uw site.
Met vriendelijke groet,
Tara Podevyn
Inhoudsopgave
1.
Bestelde diensten .............................................................................................................. 4
2.
Timing uitwerking diensten ............................................................................................... 4
3.
Opbouw van uw website ................................................................................................... 6
3.1
Algemene informatie ................................................................................................................... 6
3.2
Hosting domeinnaam .................................................................................................................. 6
3.3
Structuur website ........................................................................................................................ 7
3.4
Lay-out ....................................................................................................................................... 13
3.5
Prototype ................................................................................................................................... 13
3.6
Designvoorstel ........................................................................................................................... 13
3.7
Uitwerking website in een testomgeving .................................................................................. 13
3.8
Online plaatsen website ............................................................................................................ 14
4.
Uitwerking overige diensten ............................................................................................ 15
4.1
SEO Plus ..................................................................................................................................... 15
4.2
Google Adwords eco ................................................................................................................. 15
4.3
Linkbuilding Plus ........................................................................................................................ 15
4.4
Mailtool .................................................................................................................................... 15
5.
Uw taken ........................................................................................................................ 16
Bijlage 1: Specificaties aanleveren bronmateriaal ........................................................................ 18 Bijlage 2: Verklarende begrippen ................................................................................................ 19 Bijlage 3: Mindmap .................................................................................................................... 20 Bijlage 4: Prototype ................................................................................................................... 20
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
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
3. Opbouw van uw website De structuur voor uw website werd opgemaakt aan de hand van uw huidige website www.primaned.com, 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): Grotere bedrijven, meer bepaald bedrijven net onder de top 200 ondernemingen van de Benelux. Speerpunten: Hoge kwaliteit Totaaloplossingen (Project Management van A tot Z) Betrouwbaar Meer dan 25 jaar ervaring in EPPM oplossingen (+Oracle Gold Partner) Doel: Leads genereren Bouwen aan imago & naamsbekendheid Klantenbinding Tagline: “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 www.primaned.com dient in te stellen zodat deze domeinnaam correct naar onze website verwijst.
6
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
o o
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 Projectadvies Detachering Maatwerk Maatwerk oplossingen
Support o o o
Helpdesk Technisch Consultant Tips & Tricks Over Primaned o Oracle Primavera Partnerships Referenties Vacatures Nieuws Contact Activiteiten Trainingen Privacy Policy Algemene voorwaarden
1. Home
http://primaned.staging-app.the-aim.be/
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
YouTube video, bedrijfsfilm van Primaned. De video wordt hier afgespeeld (geen nieuw venster). Schrijf je nu in op onze nieuwsbrief Bezoeker kan hier zijn e-mailadres 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 Overzicht van het aanbod en de verschillende producten van Primaned Interne links naar de bijhorende pagina’s o Contactgegevens Adres, e-mailadres, telefoon en fax o Social Media buttons Facebook, Twitter, LinkedIn o Privacy policy o Algemene voorwaarden (indien beschikbaar) o Logo van the AIM
2. Infopagina (bv. Over Primaned)
Bv. http://primaned.staging-app.the-aim.be/over-primaned
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
‘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. http://primaned.staging-app.the-aim.be/product/producten
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 & e-mailadres) 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
4. Productpagina (bv. Primavera P6 Analytics)
Bv. http://primaned.staging-app.the-aim.be/product/primavera-p6-analytics
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 & e-mailadres) 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
5. Nieuwspagina
http://primaned.staging-app.the-aim.be/nieuws
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
http://primaned.staging-app.the-aim.be/nieuws/sagittis-laoreet-nibh-nisi-ornare-ma
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
http://primaned.staging-app.the-aim.be/contacteer-ons
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, E-mailadres, Bedrijf, Telefoon, Opmerking
12
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: http://primaned.staging-app.the-aim.be/
3.6 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
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 www.primaned.com.
14
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
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
Bijlagen Bijlage 1: Specificaties aanleveren bronmateriaal ........................................................................ 18 Bijlage 2: Verklarende begrippen ................................................................................................ 19 Bijlage 3: Mindmap .................................................................................................................... 20 Bijlage 4: Prototype ................................................................................................................... 20
17
Bijlage 1: Specificaties aanleveren bronmateriaal Tekst Bestandsformaat: DOC, TXT Afbeeldingen 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. Logo’s Bestandsformaat: EPS, AI, PSD Kleursysteem: RGB Het logo moet vectorieel te schalen zijn zonder kwaliteitsverlies Audio Bestandsformaat: WAV – MP3 Audio bitrate 48 kbps Video 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) Naamgeving 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
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: http://www.huddletogether.com/projects/lightbox2/#example ) 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
Bijlage 3: Mindmap Zie meegestuurd document.
Bijlage 4: Prototype Zie: http://primaned.staging-app.the-aim.be/
20