Categorie: HTML/CSS

  • Aardema Van Boetzelaer Advocaten

    In samenwerking met Waxle Ontwerp een responsive en retina optimized WordPress theme ontwikkeld.

  • ROTS van Leeuwen

    Responsive en retina ready WordPress theme ontwikkeld voor Waxle Ontwerp.

  • Loes & Reinier

    loes-reinier-international-ceramics

    Webshop voor de galerie van Loes & Reinier in Deventer. Ontwikkeld op basis van een mashup van 2 themes, met voor de galerie belangrijke functionaliteiten, zoals Expositie- en Kunstenaar-beheer, gekoppeld aan elkaar en aan de objecten, die beheerd worden met Woocommerce.

  • De Kubbe

    Screenshot de Kubbe

    Voor de Kubbe webdesign en WordPress template ontwikkeling gedaan, in samenwerking met Waxle (Fotografie, Video, Illustratie, Ontwerp) en Thoas (Fotografie).

  • Congreswereld: MPI Nieuwsbrief

    MPI-nieuwsbrief

    Nieuwsbrief templates voor Campaignmonitor ontwikkeld voor MPI Nederland.

  • Context: een proof-of-concept applicatie

    context

    Als sollicitatieopdracht een semi-werkend interactief woordjes overhoor applicatie gebouwd. De uitdaging voor deze proof-of-concept was om mee te gaan met de trend van minimale interfaces; dus geen traditionele inputvelden (wat je verwacht dat editable is, is dat ook), opslaan gaat automagisch – de UI bestaat dan in de basis alleen nog uit een knop nodig om nieuwe vakjes bij te voegen en eventueel te deleten. Dit is het deel waar de focus van het uitwerken van de functionaliteit op ligt; het is mogelijk titels, teksten e.d. te editten en woordjes toe te voegen of te deleten, overige functionaliteit is niet uitgewerkt.

    Er kan begonnen worden met een bestaande vaste lijst – als een element niet editable is, verschijnt daar een ‘locked’ icoontje bij. Ook is er rekening gehouden met langere beschrijvingen voor een woord in kolom 2, zodat deze applicatie breder inzetbaar is dan alleen voor talenlijstjes.

  • Werkplek Zwolle

    Voor Puur!fct op basis van door hen aangeleverde logo, kleurenschema en wireframe een site ontworpen en in HTML/CSS uitgewerkt.

  • Sovon Website

    Voor Sovon (Stichting Vogelonderzoek Nederland) ontwikkelde ik samen met Thoas.nl de vormgeving van de nieuwe website. Alhoewel dit project de komende maanden nog zal groeien, is een eerste versie van de site online gegaan op Sovon.nl.

    Sovon Vogelonderzoek Nederland is een non-profit organisatie die in Nederland het voorkomen en de ontwikkeling van Nederlandse vogels bijhoudt. Sovon kijkt daarbij naar de voor- of achteruitgang van vogels, en naar het hoe en waarom daarvan. De resultaten van de tellingen die Sovon organiseert vormen een basis voor het natuurbeleid en beheer in ons land. Ongeveer 7500 vrijwillige vogelwaarnemers vormen de spil van de organisatie.

    Op basis van een door Sovon opgezet Communicatieplan en Functioneel Ontwerp hebben we een dertig-tal belangrijke pagina’s op de site vertaald naar wireframes en daarna ontworpen. Een selectie screenshots van de ontwerpen is hier te bekijken.

    We hebben gekozen om de verschillende doelgroepen van Sovon, namelijk de content die voor de Wetenschappelijke- en zakelijke bezoekers van belang is, met kleurpaden te scheiden van de content die bedoeld is voor de Belangstellenden- en waarnemers; zo is alles dat voor de waarnemers van belang is groen gecodeerd, alles dat met actualiteit te maken heeft volgt een oranje pad, en de wetenschappelijke informatie is in de blauwen gevat.

    De nieuw ontworpen pagina’s werden door mij uitgewerkt in HTML5/CSS3, zodat hun eigen ontwikkelaar deze bestanden konden koppelen aan Drupal.

    … Sovon is een veelzijdige club. Voor de vormgevers leek het mij een nachtmerrie om daarmee aan de slag te moeten gaan. Maar niets van dat alles, zij hebben zich uitstekend van hun taak gekweten.

    Theo Verstrael (directeur) – Sovon Nieuws juni 2012