web mary

Mary Grooteman - frontend webdesign - bel - mail


wat
je
krijgt

  • Een handgecodeerde website volgens de nieuwste html en css standaarden (en trends), geschikt voor alle moderne browsers en apparaten
  • Contactformulier
  • Google maps
  • Je bent goed vindbaar
  • Melding voor bezoekers met verouderde browsers
  • Een pagina met een pricacy-verklaring [inmiddels verplicht]
  • Een page-not-found-pagina met humor
  • Een heel gebruiksvriendelijke editor, evt. met blog- of nieuwspagina
  • Én je eigen icoontje dat verschijnt als je de website op het beginscherm van je tablet of mobiele zet

wat ik
verder
voor je kan
verzorgen

  • Css animaties
  • Meertalige website
  • Chatbox
  • Zoekfunctie
  • Google Analytics
  • Aanmaken social-media pagina's
  • Het lettertype wat jij wilt, zelfs je eigen handschrift
  • Verschillende soorten foto-galleries
  • Uitgebreide formulieren zoals inschrijf-, aanvraag-, verwijsformulieren met upload etc.
  • Aanvragen domeinnaam, regelen pakket, ssl-verbinding, e-mailaccount(s) instellen, als nodig verhuizen naar andere providers inclusief verhuizen e-mailaccounts.
  • Logo en huisstijl-ontwerp door Rienus Gundel
  • Foto/video reportages
  • Tekst en/of eindredactie door tekstschrijver Erik Paul Jager
  • 3d Binnenkijkreportage op google door fotograaf Marcel vd Voorst

html
&
css

Omdat ik de html en css-code van de sites zelf schrijf krijg je een volledig unieke site zonder overbodige scripts en codes. Het ontwerp wordt aangepast aan de inhoud en niet andersom zoals bij het gebruik van templates natuurlijk wel het geval is. Nog een voordeel is dat de sites heel 'licht' gehouden kunnen worden en laden dus lekker snel, in tegenstelling tot bijvoorbeeld de 'mammoettankers' als wordpress, joompla, drupal En die ook nog regelmatig het doelwit zijn van hackers...

Voor webshops en voor een site waarvoor de functies een database nodig hebben is kan het een goede keus zijn maar voor relatief kleine sites is het alleen maar overkill. Daarbij ben ik altijd een beetje bezorgd omdat hackers door het open source systeem van alles uit kunnen halen. Je hoeft maar één verkeerde plug-in installeren.

Ik gebruik zelden een database, simpelweg omdat ook helemaal niet nodig is voor kleine tot middelgrote sites. Ook de editor waarmee je de site bijhoudt gebruikt geen database.

ontwerpen
in de
browser

Vóór alles overzicht, duidelijkheid en de kortste lijnen naar relevante informatie voor de bezoeker.
In de loop van de tijd heb ik een eigen methode ontwikkeld die ik gebruik als basis voor elke site. Daarmee kan ik meteen in de browser de site opbouwen/ontwerpen met wat ik heb aan tekst en afbeeldingen.

De vormgeving en de aardigheidjes in de vorm van css- en javascript animaties ontwikkelen zich gaandeweg. Hoe ver ik daarin kan gaan hangt natuurlijk af van het budget.
Meestal heb ik de vrije hand en soms heeft de klant hele duidelijke ideeën over wat ze willen, en alles daar tussenin. Alles kan, zolang het maar op een mobieltje past!
Screenshots worden overlegd met de klant, al snel zet ik de site op een testlocatie en gaan we verder totdat iedereen gelukkig is!

css
animaties

Het mooie van css-animaties is dat ze het gewoon op elk apparaat doen, ook op een telefoon. En er komen steeds meer mogelijkheden bij. Voorheen werden animaties op websites altijd met Flash of Javascript gemaakt, maar in de moderne browsers wordt er steeds meer mogelijk met css en kun je nu een scala aan animaties maken.

privacy &
cookie
verklaring

Het is verplicht om een pagina met een cookie of privacyverklaring op je site te hebben al dan niet met pop-up als je site bijvoorbeeld google analytics gebruikt om gebruikersbezoek te meten. Of deelknoppen op je site hebt. Ook de browser-detector die ik gebruik plaatst cookies...

search
engine
optimization

Ofwel seo. Domeinnamen zijn op zichzelf al uniek dus wanneer je dat intikt in de zoekmachine sta je meestal binnen enkele dagen bovenaan. Maar dan moeten ze wel je domeinnaam weten... zoekmachines veranderen ook nog steeds hun regels, ga d'r maar aan staan. Op dit moment draait alles om de content. Belangrijke zoekwoorden en synoniemen daarvan moeten in je tekst verwerkt zijn.

Linkbuilding is ook heel belangrijk. Niet alleen naar andere sites toe en vice versa maar ook binnen je site.
Houd je site fris door regelmatig nieuwe dingen toe te voegen, nieuws, wetenswaardigheden bijvoorbeeld op een blog-of nieuwspagina.
Sites die mobielvriendelijk zijn scoren hoger in de zoekresultaten en dat geldt sinds kort ook voor sites met een https-verbinding, met een zgn. versleutelde verbinding. Dat kost ongeveer vanaf € 27 per jaar.

hoeveel
het
kost

Een prijs kan ik pas noemen als ik weet wat er nodig is. En wat je budget is. Je kunt al een site laten maken met 1 enkele pagina met alleen de belangrijkste gegevens tot een hoeveel-je-maar-wilt aantal pagina's met alles erop en eraan.

Grofweg kan je rekenen op een vanaf-prijs van € 900 ex 21% btw en géén maandelijkse kosten. Dan heb je een site met ongeveer 3 - 5 pagina's of afdelingen, google maps, een editor en eenvoudige animaties.
In de praktijk liggen de prijzen meestal hoger juist omdat men iets bijzonders wil.
Zelf bestel ik de domeinnamen en pakketten liefst bij mijn favoriete host Antagonist. Voor een domeinnaam, onbeperkt dataverkeer en onbeperkt emailboxen, én 100G ruimte betaal je daar jaarlijks ongeveer € 75. Wil je een beveiligde verbinding, (https) komt er jaarlijks nog vanaf € 27 bij.

WebMary, responsive webdesign
Hendrik Kerstens
about
2016
WebMary, responsive webdesign
Jeroen de Groot
(solo)violist
2016
WebMary, responsive webdesign
Lupo Photo
portfolio
2016
WebMary, responsive webdesign
Jolien van der Kooij
uitvaartbranche
2016
Mary Grooteman, responsive webdesign
Sasja Slewe
gewichtsconsulent
2015
WebMary, responsive webdesign
Tandarts aan het IJ
Tandartspraktijk
update/redesign 2016
WebMary, responsive webdesign
Liliana de Vries
actrice
2010
WebMary, responsive webdesign
Nijenhuis & Co | Joco Media
Film en Televisie
2014
WebMary, responsive webdesign
Emmy van Dantzig
interieurontwerper
2014
WebMary, responsive webdesign
Uitvaart Amsterdam
Merel Westermann
2016
Mary Grooteman, responsive webdesign
De Beestenboel
dierenspeciaalzaak
2016
Mary Grooteman, responsive webdesign
Tandartspraktijk Transparant
tandartspraktijk
2016
Mary Grooteman, responsive webdesign
Doctor Decorum
20th Century Art & Design
2015
WebMary, responsive webdesign
G-BRECHT
Painter
2014
Mary Grooteman, responsive webdesign
Erik Paul Jager
copywriter
2015
WebMary, responsive webdesign
Gooise Academie
schilder-en beeldhouwcursussen
redesign 2016
Mary Grooteman, responsive webdesign
IJshoeve Ruitenbeek
IJsmakerij
2015
Mary Grooteman, responsive webdesign
Massagepraktijk Egmond
Massagepraktijk
2015
WebMary, responsive webdesign
BING
Film en Televisie
2014
WebMary, responsive webdesign
Julia Veerling
viooldocente
redesign 2015
WebMary, responsive webdesign
Hoeve Hazendries
vakantieappartementen
2014
WebMary, responsive webdesign
Rienus Gündel
grafisch ontwerper/kunstenaar
2012
WebMary, responsive webdesign
Bach Stress
muziektheater
redesign 2016
WebMary, responsive webdesign
Carla Hardy
beelden
2013
WebMary, responsive webdesign
Buitenverblijf 't Herfse
vakantieappartementen
2014
WebMary, responsive webdesign
VISSER & DE VRIES
kinderpsychologiepraktijk
2014
WebMary, responsive webdesign
Jan Pieter Koch
musicoloog/componist
2013
WebMary, responsive webdesign
Eva van Dam
schilder/illustrator
update 2015
WebMary, responsive webdesign
Lorelei
Schoonheidssalon
update 2015

schilder
en
web
designer

"Mijn allereerste site www.marygrooteman.com maakte ik toen ik een portfolio nodig had voor mijn schilderijen. Ik wilde die site zelf bouwen omdat ik precies wist wat ik wilde. Al snel begon ik met het bijhouden van de site direct in de html-code. Hoe dat zo gekomen is? Het programma dat ik eerst gebruikte, liet steeds fouten zien. Tot het moment waarop iemand me liet zien hoe ik die eruit kon halen - gewoon in de html!

En zo ben ik altijd op die manier mijn site blijven bijwerken. Sterker nog, ik vond het zo leuk om te doen dat ik steeds nieuwsgieriger werd naar de mogelijkheden in het werken direct in de code. Vanaf de dag waarop ik door een vriend werd gevraagd om zijn site te bouwen, volgde de een na de ander. En heb ik er eigenlijk een tweede beroep bij. Ik schilder en ik bouw websites!

Eigenlijk kan ik niet zeggen welk beroep ik leuker vind. Ik geniet van beide, van de vrijheid en het creatieve proces. Wat ik heel leuk vind aan websites, is dat ze ook praktisch nut hebben. En dat je ondanks honderd keer 'undo' of 'delete' niet kunt zien hoe ik soms heb geworsteld om het perfecte resultaat te bereiken. Met een schilderij is dat wel anders..."

Mary Grooteman
Amsterdam

@
@