Laten we snel eens praten.





* verplichte velden

  • Magento

    Magento-themes hebben voor mij geen geheimen meer. Diverse projecten heb ik opgeleverd of aan meegewerkt.

    Bekijk voorbeelden >

  • Websites & online applicaties

    Traditionele websites, CMS- themes en online applicaties: uw aanwezigheid online is voortaan helder en doelgericht.

    Bekijk voorbeelden >

  • Layout & DTP

    Ooit begonnen in de marketing communicatie, layout en DTP was het een kleine stap naar het web. Alle skills zijn natuurlijk nog volop aanwezig.

    Bekijk voorbeelden >

Over mijzelf

Mijn sterke punten op 'n rijtje:

  • ik werk snel en accuraat;
  • ik werk uitstekend binnen teamverband;
  • ik ben voor een no-nonsense aanpak;
  • ik ben een duizendpoot met verstand van:
    • vormgeving;
    • HTML (4 én 5);
    • CSS (2 én 3;)
    • Magento
    • Wordpress
    • diverse shop- en CMS-systemen
    • Responsive Design
    • ontwerp voor mobiel gebruik
    • Javascript (jQuery)
    • taal (NL/EN): de inhoud van uw site passeert ook de revue.

Door mijn jarenlange marcom- en marketing-ervaring kan ik mij goed inleven in de problematiek van de opdrachtgever, om het even in welke branche.

Mijn workflow

Design

Bij een project met veel en diverse pagina's, waarbij de flow door de site van belang is, of bij een ingewikkelde pagina, zoals een landing page, waarbij de keuze en de plaatsing van de elementen belangrijk zijn, maak ik wireframes met Balsamiq.

Na goedkeuring worden enkele kenmerkende pagina's uitgewerkt in Corel PhotoPaint (Photoshop PSD-compatible, maar veel snellere werkwijze). Dit probeer ik zo summier mogelijk te houden omdat ik graag het ontwerp verder afmaak in de code zelf. Niet alleen worden veel grafische elementen toch gegenereerd in CSS3 — een werkende site in HTML/CSS/JS "voelt" anders aan tijdens het beoordelen dan een statische afbeelding. Zeker als de site (zoals bijna allemaal) responsive moet zijn.

Code/Markup

Mijn code tools bestaan o.a. uit Notepad++ met Emmett (v/h Zen Coding), met Prepos voor LESS/SASS preprocessing en live browser reloading.

Voor al mijn projecten (groot én klein) gebruik ik LESS. Mijn code lever ik schoon ge-indenteerd en/of ge-minimiseerd aan, incl. de LESS-bestanden.

Waarom werk ik snel?

  • CSS-resets probeer ik te vermijden, behalve waar strikt noodzakelijk. Ik ben vaak veel tijd kwijt aan het un-resetten en dat is zonde.
  • Bootstraps probeer ik te vermijden. Ik maak liever snel iets op maat, dan dat ik overbodige ballast aanbreng. Ik maak indien nodig gebruik van een LESS-grid gemaakt door semantic.gs. Zie mijn eigen "RaySponsive bootstrap" template >.
  • Responsive design maak ik liever "op maat": de breakpoints worden aangebracht op die plaatsen waar nodig, d.w.z. dat het design bij iedere stap smaller wordt geoptimaliseerd. Hierdoor ontstaan breakpoints die rekening houden met de layout van de pagina en werken daarom op ieder apparaat — ook toekomstige.

Download mijn CV

X

Deze pagina is responsive!

HTML5-animaties!

Het plaatje hierboven beweegt niet omdat Internet Explorer HTML5 niet goed ondersteunt. Gebruik een moderne browser om het te zien.

Responsive design: de pagina past zich aan aan de breeedte van uw browser.

Bekijk deze site op uw iPhone, iPad of Android en u ziet het verschil. Of maak het venster van uw browser smaller.