web · hierdoor is uw website uniek, snel, veilig en goed vind-baar via google. wordpress custom...
TRANSCRIPT
1 / 36
WEB
2 / 36
IK BEN EEN ERVAREN DESIGNER
DIE ORGANISATIES HELPT MET HUN
ONLINE STRATEGIE.
Jij jouw business, ik de mijne. Ik zet op een no-nonsens en stevige
manier jouw merk online in de steigers, precies op de manier zoals
jij die voor ogen hebt. Je bent van begin tot eind betrokken bij het
ontwikkelproces en hebt dus alle gelegenheid om bij te sturen, maar
ook om in vertrouwen los te laten.
Bekijk mijn werk op roxanneallard.nl
3 / 36
INHOUD
Missie
Visie
Proces
Webdesign en Development
Prijsrange
Websites
Contact
4 / 36
IK HELP ORGANISATIES EEN STERK
EN ONDERSCHEIDEND
ONLINE MERK TE BOUWEN.
Dit doe ik door bedrijven
zichzelf beter te laten leren kennen
en te laten groeien in een digitale wereld.
5 / 36
IK GELOOF DAT EEN STERK MERK ZICHZELF KENT,
KLANTEN CENTRAAL STELT
EN RELATIES BOUWT OP BASIS VAN GEDEELDE WAARDEN.
Daarom begint alles wat ik doe met user research, strategie en doelstellingen.
Design vanuit marketing oogpunt.
Meer dan alleen mooi.
6 / 36
EEN ORGANISATIE IS NOOIT ‘AF’.
Een bedrijf bouwen is een marathon, geen sprint. Stapje voor stapje
vormt zich een organisatie om je heen, met elke keuze je maakt.
Er dient zich altijd weer een volgende uitdaging aan.
Samen ga ik deze graag met je aan.
SAMEN STAAN WE STERK.
Ik hou van langdurige samenwerking. Des te langer we met elkaar
werken, des te beter we elkaar kennen. en uiteindelijk des te
efficiënter het proces en des te beter het eindproduct.
Samenwerking op lange termijn om jouw bedrijf te laten groeien.
DURF KRITISCH TE ZIJN.
Ik ga voor het best mogelijke eindresultaat. Om hier te komen
geloof ik dat eerlijkheid en kritisch blijven belangrijk is. Dit betekent
ook dat ik kritisch kies aan welke projecten ik werk. Succes is het
resultaat van focus en ik werk dus met volle passie aan projecten
die bij me passen met mensen die er echt voor gaan.
7 / 36
IK BEN EEN ERVAREN ONDERNEMER.
Door mijn ervaring als mede-eigenaar van een succesvolle start up
weet ik hoe het is om een organisatie te starten from scratch en uit
te groeien tot iets succesvols. Ik ben dus gewend te werken met
bedrijfsdoelstellingen in het oog. Deze ervaring is waardevol omdat
bij mij jouw bedrijfsbelangen voorop staan.
ER ZIJN BELANGRIJKERE DINGEN DAN GELD.
Een verschil maken bijvoorbeeld. Ik werk graag met mensen die
aan een betere wereld werken en ik bouw graag aan duurzame
relaties met ondernemers die elkaars succes versterken.
DESIGN IS HET EINDPRODUCT, STRATEGIE IS DE BASIS.
Zonder strategie is design enkel een mooi plaatje. Kunst.
Maar design in de vorm van branding biedt creatieve business
oplossingen.
8 / 36
1 2 3
PROCES
EEN BRUIKBARE
MERKSTRATEGIE ONTWIKKELEN.
Door een duidelijk omschreven doel te
bedenken, stemmen we de behoeften van
je bedrijf beter af op die van je klanten.
HET DEFINIËREN VAN DUIDELIJKE
ZAKELIJKE DOELSTELLINGEN.
IK MEET WAT WERKT EN STOP MET WAT NIET WERKT.
Met behulp van belangrijke inzichten
definiëren we duidelijk wat de bedrijfs-
doelstellingen zijn voor je merkstrategie.
Omdat een merk een testperiode ondergaat en ik ervoor wil zorgen dat je op het goede spoor komt om je zakelijke doelstellingen te
behalen, raad ik aan dat het elke 6-12 maanden wordt getest. Dit stelt ons in staat om te bekijken wat werkt en niet werkt en bij te sturen.
LEVEREN VAN EEN AANTAL
BELANGRIJKE EINDPRODUCTEN.
Op basis van de merkstrategie ontwikkel
ik een aantal deliverables. Dit loopt uiteen
van Landingspagina tot Webshop.
9 / 36
A WEBSITE IS LIKE A JOKE.IF YOU HAVE TO EXPLAIN IT,
IT’S NOT THAT GOOD.
10 / 36
STRATEGIE
Een belangrijke eerste stap in de ontwikkeling van een goede website is het
ontwikkelen van een merkstrategie. Het is een cruciaal onderdeel van de
fundamenten van jouw bedrijf. Wie ben je, wat heb je jouw klanten of gebrui-
kers te bieden en hoe vertel je ze dit? Wat is je toekomstvisie en hoe kan elk
element van jouw bedrijf; logo, website en social media, hieraan bijdragen?
Dit proces is geen kwestie van een vra-
genlijstje beantwoorden maar de mouwen
opstropen en head first in de post its en
creatieve processen duiken. Maar don’t
worry, ik ben er om je hierin te begeleiden
en de juiste vragen op het juiste moment
te stellen. Ik heb een workshop model
ontwikkeld waarin we door middel een
creatieve brainstorm en een proces van
opsomming, analysering en priotisering
binnen korte tijd tot de kern van je merk
komen.
Hierin ontdekken we samen de unieke
eigenschappen van je service of product,
je klanten of gebruikers en hun gedeel-
de demografische eigenschappen en
de toegevoegde waarde van je product
voor deze doelgroep. Dit gebruiken we
als basis voor je website en kun je ook in
de toekomst blijven gebruiken. Een posi-
tionering die voortkomt uit strategie helpt
ook toekomstige copy writers, designers
of developers het merk te leren kennen en
producten te ontwikkelen die hierbij aan-
sluiten en elkaar versterken.
11 / 36
WIREFRAMING
Een Wireframe is een schetsmatige weergave van de content en functionaliteiten van je website. Er zijn nog geen
design elementen als typografie, kleuren of beelden aanwezig. Wireframes worden gebruikt om lay out, content
structuur en ‘flow’ van de gebruiker (de route die de gebruiker aflegt) visueel te maken. In de Wireframes worden
keuzes gemaakt met betrekking tot hiërarchie, welke onderdelen van de content of functionaliteiten zijn belangrij-
ker dan anderen, en wat voor soort grid gaat er gebruikt worden? Naar aanleiding van deze wireframes zal er ook
een duidelijk beeld zijn welke content exact ingevuld dient te gaan worden.
Het wireframing proces stelt je in staat eventuele problemen in de
flow of structuur van je website vroeg te spotten, alvorens je we-
ken hebt geïnvesteerd in de look & feel van je website. Het is vele
malen makkelijker veranderingen aan te brengen in je wireframes
dan in je uiteindelijke design, of nog erger als je website al (deels)
ontwikkeld is. Het dwingt je vooraf na te denken over de doelen en
prioriteiten met betrekking tot je website. Wil je een product ver-
kopen of je doelgroep iets bijbrengen? Wireframing helpt je deze
vragen te beantwoorden.
Ondanks dat je misschien in eerste instantie denkt dat deze uren
‘extra’ werk zijn verdien je deze uren in de design- en develop-
mentfase dubbel en dwars terug. Uiteindelijk scheelt wireframing
je dus tijd en geld en ontwikkel je een website die vele malen
doeltreffender is dan een website waar direct gestart is met design
en ontwikkeling. Je neemt de tijd om na te denken over je doel-
groep en doelstellingen en spot eventuele bottle necks al vroeg in
het proces. Shooting for the stars? Sla wireframing dan zeker niet
over.
12 / 36
PROTOTYPING
Een prototype is als het ware een interactive blauwdruk van je website. De wireframes brengen we tot leven door
alle elementen die interactie bieden werkend te maken. Er zijn nog steeds geen definitieve design elementen in je
website verwerkt maar hij werkt al zoals hij uiteindelijk moet gaat werken. Dit is dan ook het voornaamste doel van
een prototype: In een vroeg stadium kunnen ervaren hoe de website werkt.
Het voordeel van in een vroeg stadi-
um de werking en gebruikerservaring
van je website testen heeft als voor-
deel dat het een kleine moeite is om
elementen aan te passen, toe te voe-
gen of weg te laten. Je komt er dus op
tijd achter wat werkt en wat niet werkt.
De prototyping fase helpt dus om een doorgetest en geoptimaliseerd totaalbeeld van je web-
site, content , interactie en gebruikerservaring te krijgen die aansluit op de vooraf bepaalde
strategie. Je verzamelt nuttige feedback van alle projectbetrokkenen vanaf het begin van het
creatieve proces. Werk samen met je team aan gedeelde prototypen. Deel assets met je colle-
ga’s, verhoog de merkconsistentie en verminder het herwerken. Natuurlijk ben je nog niet klaar
wanneer je een wireframe of prototype hebt gemaakt. Uiteindelijk moet er nog een responsive
design worden gemaakt, moet de website nog gebouwd worden en ook goed getest worden.
Wanneer je echter gebruik hebt gemaakt van wireframes en prototypes, ben je er wel een stuk
meer van overtuigd dat je concept goed genoeg is uitgewerkt voordat je met de bouw van de
website begint. Bezint eer ge begint. En uiteindelijk scheelt dat een hoop tijd en kosten!
13 / 36
WEBDESIGN
Op basis van deze wireframes ga ik aan de slag met het design van de website. Welke kleuren, typografie en knoppen past het best bij
uw gewenste uitstraling? Wilt u van het scherm spatten of past juist een rustige, meer zakelijke uitstraling beter bij uw doelgroep? Ik zorg
ervoor dat het design naadloos aansluit op uw huisstijl en communicatie doelstellingen. Het design wordt scherm voor scherm uitgewerkt,
hierbij wordt gekeken naar User Experience en design patterns. Op deze manier ontwikkelen we een gebruiksvriendelijke website die
waarde toevoegt aan uw organisatie.
WAT MAAKT EEN WEBSITE GOED?
• De uitstraling sluit aan bij uw organisatie en uw website is uiteraard volledig responsive.
• De gebruikerservaring is optimaal: uw bezoekers kunnen makkelijk vinden waar zij naar op zoek zijn
• De website sluit aan bij uw organisatie en ondersteunt het behalen van de gestelde business doelstellingen
14 / 36
WORDPRESSWordpress websites zijn de beste basis om jaren mee vooruit te kunnen en uw organisatie naar het volgende niveau
te brengen. Het enige dat u nodig heeft om een wordpress website te starten is een domein en webhosting, ik help
u graag bij de rest. Ik ontwikkel uw custom thema en gebruik diverse bewezen plugins om uw website gemakkelijk
te managen, te optimaliseren voor SEO en de veiligheid te garanderen. Een wordpress website kunt u zo simpel of
gecompliceerd maken als u maar wilt. Dit is dus het ultieme CMS om klein mee te begiennen en mee door te groei-
en naar de toekomst. of direct te beginnen uw uitgebreide webshop mee op te zetten. Wordpress biedt oneindige
tools om uw klanten te bedienen.
Wordpress is het meest gebruikte en
meest gebruiksvriendelijke CMS, dit maakt
het makkelijk om uw eigen website te be-
heren. Wordpress biedt veel mogelijkhe-
den tot optimale beveiliging en SEO. Een
wordpress website biedt de meest solide
basis voor uw online strategie in de toe-
komst. Het meest gebruikte CMS ter we-
reld zorgt ervoor dat uw website optimaal
presteert en makkelijk onderhoudbaar en
toekomstbestendig is.
15 / 36
CUSTOM THEME DEVELOPMENT
Ik ontwikkel enkel custom thema’s. Hierdoor is uw website uniek, snel, veilig en goed vind-
baar via Google. WordPress custom thema’s en plugins bieden ongelimiteerde flexibiliteit.
Geen risico op offline zijn of verouderde plugins. Dus geen 13 uit een dozijn met een stan-
daard thema maar iets meer betalen voor een kwalitatief product dat jarenlang probleem-
loos met uw organisatie meegroeit. Natuurlijk loop ik samen met u door de hele website
heen zodat u goed voorbereid bent en verzorg ik uitgebreide nazorg.
16 / 36
SPRINTS & FEEDBACKSESSIES
Om tussentijds regelmatig te checken of we op het goede pad zijn en tijdig bij te kunnen
sturen werk ik met Design Sprints en Feedback Sessies. Op deze manier werken we
samen stap voor stap aan de ontwikkeling van jouw website, aan de hand van de vooraf
bepaalde strategie en kom je dus niet aan het eind van de rit voor verrassingen te staan.
17 / 36
CUSTOM PAGE TEMPLATES
Een page template, in het Nederlands ook wel pagina sjabloon of pagina
template genoemd, geeft je de mogelijkheid om het uiterlijk van een pagi-
na aan te passen. Simpel gezegd is een page template een sjabloon dat je
kunt selecteren in WordPress om de standaard page template te overrulen.
Vooraf bepalen we samen hoeveel
verschillende type pagina’s (full-width,
met sidebar, portfolio etc.)we nodig
hebben. De mogelijkheden zijn oneindig.
Je kunt het zo gek niet bedenken of je
kunt er eigenlijk wel een page template
voor maken.
Het voordeel hiervan is dat je vervolgens
zelf nieuwe pagina’s aan kunt maken,
content kunt uploaden en de pagina er
aan de voorkant automatisch zo uitziet als
je wilt. Een landingspagina hoeven we op
deze manier maar 1 keer te ontwikkelen
en vervolgens kun je zelf zoveel landings-
pagina’s maken als je zelf wilt. De ultieme
controle over je eigen website als marke-
tingtool dus.
18 / 36
ROAD MAP
Een goede website is continu in ontwikkeling. Er is altijd ruimte voor optimalisatie. Het is
goed hierbij wat handvatten te hebben. Daarom laten we je achter met een plan van aan-
pak voor de directe toekomst. Na 6 maanden tot een jaar testen we de website door en
bekijken we de data om te kunnen zien waar we winst kunnen maken en welke onderde-
len onderpresteren. Een goede website is een work in progress.
19 / 36
WORKSHOP
In een 2 uur durende workshop wordt de complete achterkant van uw website aan u uit-
gelegd. Stap voor stap lopen we door de verschillende functionaliteiten en doelen van de
website heen. Niet alleen aan u maar aan iedereen die eventueel met de website of het
Content Management Systeem komt te werken.
PRIJSRANGE
21 / 36
SINGLE PAGE
VANAF
2.400,-
2 uur durende strategie sessie
Merkpositionering en User Stories
Wireframing, stylescapes en prototyping
Volledig Custom Design (o.b.v stylescapes)
Content: Tekst, Illustraties, Foto’s, Video’s
Custom Responsive Wordpress Theme
1 Template met basis functionaliteiten
SEO optimalisatie
Google Analytics implementatie
22 / 36
PROFESSIONAL
VANAF
4.800,-
2 uur durende strategie sessie
Merkpositionering en User Stories
Wireframing, stylescapes en prototyping
Volledig Custom Design (o.b.v stylescapes)
Content: Tekst, Illustraties, Foto’s, Video’s
Custom Responsive Wordpress Theme
5 Templates met uitgebreide functionaliteiten
SEO optimalisatie
Google Analytics implementatie
23 / 36
ENTERPRISE
VANAF
9.600,-
2 uur durende strategie sessie
Merkpositionering en User Stories
Wireframing, stylescapes en prototyping
Volledig Custom Design (o.b.v stylescapes)
Content: Tekst, Illustraties, Foto’s, Video’s
Custom Responsive Wordpress Theme
10+ Templates met custom functionaliteiten
SEO optimalisatie, strategie en workshop
Google Analytics implementatie
24 / 36
HOSTINGVoor de webhosting van je website werk ik samen met Flywheel. In mijn jarenlange erva-
ring de meest snelle, veilige en stabiele webhost. In normale mensentaal: Je website is
altijd online, kan niet worden gehackt en laadt supersnel. Bovendien maken zij het opzet-
ten van staging websites en het uitvoeren van migraties zo snel en makkelijk dat ik hiervoor
geen extra kosten doorbereken. Iets wat bij andere hosters veel extra werk (en dus kosten)
met zich meebrengt.
Bij je WordPress Hosting is een gratis Let’s
Encrypt SSL-certificaat inbegrepen. Je
beveiligt hiermee de verbinding tussen je
website en je bezoekers.
GRATIS SSL-CERTIFICAAT
Experimenteer er gerust op los met je
WordPress-website. Dankzij onze dagelijk-
se back-ups, zet je jouw website met één
klik terug naar een vorige versie.
AUTOMATISCHE BACK-UPS
25 / 36
DOMEINNAAM, E-MAIL EN HOSTING
DOMEINNAAM EN E-MAIL HOSTING
5,- PER MAAND 25,- PER MAAND
Domeinnaam naar keuze
Webmail
3 E-mailadressen
5 GB dataopslag
Anti-virus & -spam
PHP 7.3 Ready
FlyCache
CDN
SSL certificaat
Gratis migraties
Let op: Op het moment dat je ervoor kiest om de hosting van je website elders onder te brengen worden er
bij het migreren van alle bestanden en live zetten van de website extra kosten berekend.
26 / 36
ONDERHOUD
Een goede website is een work in progress. Je business ontwikkelt zich, de markt ontwikkelt zich en in een ideale
wereld ontwikkelt je website mee. Op deze manier is je website niet alleen altijd up to date maar beschikt deze ook
over de nieuwste technieken. Wordpress en Wordpress Plugins worden continu doorontwikkeld en het is voor de
optimale prestatie van uw website van belang dat uw website altijd op to date is. Doe je dit niet dan ontstaat er in de
loop van tijd conflicten en kan je website er raar uit gaan zien of erger nog: niet werken of onbereikbaar zijn.
Je bent natuurijk geheel vrij om zelf
deze verantwoordelijkheid op je te
nemen, daar komen echter wel wat
risico’s bij kijken. Maak je iets stuk
of conflicteren je updates met je
Custom Theme? Dat is natuurlijk erg
vervelend. Daarom doe ik dit graag
voor je. Eens per maand check ik je
website en bekijk ik aan de voor- en
achterkant of alles goed gaat en up
to date is. Zo heb je er geen omkijken
meer aan.
Ook ontwikkelt je bedrijf zich
natuurlijk. Nieuwe producten,
nieuwe markten en nieuwe inzichten.
Elke dag nieuwe kansen om online
op in te spelen. Misschien wil je in
de loop van de tijd een nieuws sectie
toevoegen, een Live Chat functiona-
liteit implementeren of producten
verkopen via een webshop.
Het voordeel van het afsluiten van
een onderhoudscontract is dat je
deze kosten voorfinanciert voor een
lager tartief. U betaalt namelijk min-
der dan €50,- in plaats van het stan-
daardtarief van €60,- Dat is een flinke
besparing en op deze manier kun je
volop actief aan de slag met je web-
site. Ben je door je uren heen? Dan
geef ik je een seintje.
27 / 36
25,- PER MAAND
Automatische updates van de Wordpress core, plugins en thema.
Dit is aan te raden voor de veiligheid van de website.
Spam beveiliging en statistieken.
Want wie wil er een mailbox vol spam?
Wekelijkse backups.
In geval van een hack ben je binnen no time weer online,
Uptime hulp
Je website is altijd online.
Premium plugin support.
Automatisch foto’s optimaliseren? Daar blijft uw website lekker snel van.
Telefonisch support + voorrang mail.
Ik ben te bereiken via [email protected] en geef deze mails voorrang.
ONDERHOUDSABONNEMENT
28 / 36
HOE KAN IK JE HELPEN
JOUW BEDRIJF NAAR HET
VOLGENDE NIVEAU TE BRENGEN?
Ik hoor graag meer over je merk en doelen.
Neem contact op en ik kom graag langs!
ROXANNEALLARD.NL
06 430 329 30