recente projecten

mr10 is op zoek naar een uitdagende web gerelateerde functie in vast dienstverband

Weet u een part- of fulltime mogelijkheid voor iemand met mijn capaciteiten in de cirkel Almere, Zwolle, Leeuwarden – aarzel dan niet om me daar van op de hoogte te stellen.

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.

Coolminds: een one-page case-study

coolminds.nl_header

Voor een sollicitatie een ontwerp en inhoudelijk onderzoek gedaan voor een one-page variatie op de huidige Coolminds website.

Mijn insteek met betrekking tot de visie voor een nieuwe site; minder content en iets meer bravoure. Gezien de scope van de opdracht (enkele dagen) was het niet wenselijk de communicatiefilosofie van de huidige website radicaal om te gooien; de focus ligt nog steeds op de boodschap ‘wij hebben de specialisten voor uw klus in huis’, de verpakking van deze boodschap is alleen flink verandert.

One-page sites hebben veel minder ruimte voor uitgebreide artikelen dus de inhoud van de oude site is flink ingekort. Om de langere teksten en hun auteurs toch een goed platform te geven, is het voorstel om naast de one-page site een blog te ontwikkelen en de huidige langere teksten daar in artikel-vorm te plaatsten. Daarnaast is het advies is om de communicatie in de eerste linie te herschrijven naar simpelere uitingen.

coolminds-popover

Daar waar meer content wenselijk is, zijn popovers voorzien, zie bijvoorbeeld de popover bij de ‘diensten’ keywords. Detail pagina’s met betrekking tot cases in ‘Ons Werk’ werken volgens het lightbox principe.

Het ontwerp combineert de in de briefing voor de klus genoemde wensen met recente, en opkomende, trends in webdesign; forse typografie, focus op content, geen rommel; minimal, flat, responsive en een lichte verwassen kleurstelling.

De nu gebruikte Museo is een prima font, en doordat het al in het Coolminds logo gebruikt wordt, een goede basis de site, hier zit dus ook nog een verwijzing naar de ‘oude site’. Het beeldmerk is bewust weggelaten; beeldmerk en woordbeeld zien er niet bij elkaar ontworpen uit, iets wat dieper graven op internet bevestigd. De Museo vervangt daarmee het CM-beeldmerk als herkenbaar element voor Coolminds.

coolminds-team-controls

Niet uitgewerkt, maar wel bedacht, zijn subtiele CSS-animaties, zoals animatie on scroll. In dit ontwerp geen parallax. Bij het scrollen wordt een aantal visueel sterke elementen opgebouwd en een aantal controls worden bij passeren geduid. Voorbij de 100px scrollen maakt dat het menu een een vaste balk met kleiner logo van boven het beeld in animeert. Hover states mogen ook kleine slide en fade animaties bevatten.

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

Sovon Huisstijl

Samen met Thoas.nl de nieuwe identiteit voor Stichting Onafhankelijk Vogelonderzoek Nederland ontwikkelt.

Het nieuwe logo verbeeld een zwaluw (de Sovon ‘huisvogel’) opgebouwd uit 16 perfecte cirkels. Hiermee wordt het wetenschappelijke (de cirkels) met het organische gecombineerd.

Samen met het logo ontwikkelden we een complete corporate identity, bestaande uit een correspondentiereeks in nieuwe huisstijl en een huisstijlhandboek, zodat Sovon’s eigen vormgevers aan de slag kunnen met de basisregels die we voor hen opstelden.

Auteur: Maarten van de Voorde

Moose Färg

Geïmpregneerd Hout Verven of Schilderen met Moose Färg houtverf

Voor Moose Färg bezig met het consistent vormgeven van alle Social Media identiteiten, de exposure van de iOS en Android apps vergroten, de Flash applicatie upgraden en klein onderhoud plus toevoegen van functionaliteiten aan de bestaande website.

Verder optimaliseren van de vindbaarheid, zodat ‘hout verven‘, straks net zo goed gevonden zal worden als de Moose Färg site zelf.

Die Eet & Sport

Screenshot van Die Eet en Sport

Samen met Thoas.nl gewerkt aan de website voor Die Eet & Sport. Thoas was verantwoordelijk voor ontwerp huisstijl, logo en de fotografie, mijn taak was het opzetten en stylen van de WordPress site.

Contact

Contact Formulier

  • Wie ben je?

    En hoe kan ik met je in contact komen?  
  • Vertel!

    Wat heb je me te vertellen, of te vragen?
  • This field is for validation purposes and should be left unchanged.

Auteur: Maarten van de Voorde

mr10 is Maarten

Foto van Maarten en een oldtimer Vespa, een foto van Suzanne en Maarten

(1975, getrouwd met Suzanne, 2 katten, 3 oldtimer Vespa’s en woonachtig in een gehucht in Noordwest Overijssel)

“Ik ben grafisch ontwerper, gespecialiseerd in front-end design en ontwikkeling. Deze specialisatie heb ik uitgebreid naar meerdere web technieken, zoals Actionscript, template ontwikkeling en HTML/CSS/PHP. Naast online design, ontwerp ik regelmatig voor ‘traditionele’ media.

Mijn ontwerpstijl laat zich typeren als clean en esthetisch. Opgeleid zijn tot ontwerper op de Kunstacademie gecombineerd met mijn specialisatie in uitvoering, zorgt dat ik sta voor een unieke synergie tussen creativiteit en techniek.

Mijn opdrachtgevers bestaan gedeeltelijk uit mediabedrijven, gedeeltelijk uit collega ondernemers in het vakgebied en voor een deel uit directe klanten. De mediabedrijven huren me vaak in voor het tijdelijk of op projectbasis aanvullen van hun capaciteit en expertise. Ik word vaak als schakel tussen de creatieven en programmeurs ingezet. Voor mijn directe klanten doe ik projecten, waarbij ik, al dan niet in samenwerkingsverband, van concept tot uitvoering verantwoordelijk ben voor een project.

Naast werk ben ik vaak bezig met het restaureren van en rijden op oldtimer scooters en het ontwikkelen van online diensten voor de online Vespa community.

Ik werk, regelmatig gezamenlijk met een bevriende zelfstandigen, aan uiteenlopende projecten, waaronder huisstijl en logo ontwerp, campagnes, online communities, fotografie, animatie en webdesign in de vorm van online magazines, corporate en commerciële sites. Ook werk ik regelmatig voor de fun en de inspiratie aan on- en offline projecten voor mezelf of pro deo.”

Auteur: Maarten van de Voorde

Regelmatig werk ik voor bureaus aan projecten waar mijn naam niet onder komt te staan. Een selectie van deze bureaus:

Acato | Inertia Creative | Airgid Media | Thoas.nl | Waxle | Kayenta | HBMEO | Evident | The Factor.e | Proforma | TwoKings | SIN | Step + Car | Zicht | ARC-Amsterdam (nu Saatchi & Saatchi) | Live Solutions

Een selectie van klanten die direct, of via een media-bureau, van mijn diensten gebruik maakten:

ABN | Ahold | Albumprinter | Akzo Nobel | Arminius | Bison | BNR | FFFF | Funda | Gispen | Hogeschool van Leeuwarden | Hogeschool van Utrecht | Hypotrust | Moosefarg | Robeco | Schiphol | Sloterwijk & Heinen Makelaars | Sovon | Rotterdam Agency | SBS6 | Provincie Noord Holland | Airgid Media | Canadian Broadcasting Company | Ministerie Economische Zaken | IISG

« naar het archief