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.
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.
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.
Lezing gegeven over Responsive Webdesign bij Talk Nerdy 2 Me v4.0 (#TN2M) op de Noordelijke Hogeschool Leeuwarden (NHL), samen met Waxle.
Een uitgebreide presentatie naar aanleiding van onze lezing is hier te vinden.
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.
Ontwikkeling van huisstijl een communicatie voor Dutch Premium Horses, een startende onderneming die paarden en expertise naar China uitvoert. Er werden voor DPH, naast een standaard correspondentiereeks, presentaties, flyers en rollbanners ontworpen. De kleurstelling is gebaseerd op de in China belangrijke kleuren blauw en goud, terwijl nadrukkelijk weggebleven is van de ‘slechte’ kleuren wit en rood. De DPH site is op WordPress gebaseerd, met from scratch gebouwde templates en een custom op paarden gerichte admin sectie. De site is tweetalig opgezet.
Voor Puur!fct op basis van door hen aangeleverde logo, kleurenschema en wireframe een site ontworpen en in HTML/CSS uitgewerkt.
Dijkerman Stables
Met Thoas een visitekaartje voor Dijkerman Stables ontworpen.
Foto Retoucheren Opa
Sloterwijk & Heinen Bedrijfsmakelaars
Sloterwijk & Heinen is een jong makelaarskantoor in Emmeloord waarvoor het logo, de huisstijl en site ontworpen en uitgewerkt werden. mr10 was in deze verantwoordelijk voor alle uitingen van Sloterwijk & Heinen. Er werd bijvoorbeeld autobelettering, presentatiemapjes, rolbanners, flyers, vlaggen, raamdecoratie, borden en advertenties in de krant ontwikkeld.
De door mr10 ontwikkelde site is intussen vervangen; ten tijde van het oprichten van Sloterwijk & Heinen, was het begrip aankoopmakelaars nog niet ingeburgerd en de site was toendertijd ingericht om dat begrip te verklaren. In de loop der jaren burgerde de ‘aankoopmakelaar’ in en veranderde de focus van Sloterwijk & Heinen van aankoop- naar bedrijfsmakelaars, waartoe de site een upgrade ondergaan heeft.
Voor een Valentijnsactie van Fleurop werd voor Evident in samenwerking met Jan Wessel Hovingh een Flash e-card animatie ontwikkeld.
Trouwkaart Bastiaan & Evelijne
In slechts twee Pantone kleuren:
Geboortekaartje Annelie
Geboortekaartje Pepijn
Foto Retoucheren voor HU
Voor:
Na:
Neem contact op om een grote gedetailleerde versie toegestuurd te krijgen.
Visitekaartje Suzanne
Trouwkaart Maarten en Suzanne
Een interactieve bouwplaat, waarbij je het uiterlijk en de accessoires op de auto zelf kunt bepalen, werd in opdracht van ARC-Amsterdam (nu Saatchi & Saatchi | Leo Burnett) ontwikkeld voor de campagne ‘de Zuinigste Rijder’. Deze Flash gebaseerde site heeft de mogelijkheid om je eigen patroon voor op de auto te uploaden. De bouwplaat wordt gegenereerd als PDF; die is te printen, zodat je je eigen auto ook daadwerkelijk kunt bouwen.
P.S. Het motorgeluid houdt na 3 keer op.
Interactieve PDF Reader
Deze uitgebreide applicatie werd in 2006 voor Zicht ontwikkeld. De opdracht was om de PDF met de begroting van Noord Holland online te kunnen presenteren. De in Flash ontwikkelde reader kon door een AMFPHP database koppeling de tekst doorzoeken, je kon bookmarks opslaan en en notes aan bepaalde pagina’s toevoegen. Het was mogelijk delen van teksten, losse pagina’s of spreads printen vanuit de applicatie. Pagina’s konden ingezoomd of als spread getoond worden. Alle kleuren, teksten en logo’s werden extern ingeladen (met als doel de reader breed in te kunnen zetten), de inhoudsopgave en bladerfunctie werden dynamisch gegenereerd.
De website URL en achterliggende databse zijn long gone – wat overblijft zijn deze screenshots en de source files.
Voor een Canadese partner werd een interactieve, creatieve Flash site ontwikkeld, waarbij elke sectie een navigatie experiment is. Deze site uit 2005 was zijn tijd ver vooruit, waardoor de site er anno 2011 nog steeds fris uitziet; alleen jammer van de verouderde nieuwsberichten.
Cartoon van de Maand
Deze site werd voor stichting Krant in de Klas ontwikkeld; zij scanden dagelijks alle cartoons (niet comics) uit de krant, en hielden met een selectie van die cartoons, maandelijks een verkiezing. De site was voor jongeren tussen de 10 en 18, en is een mooi voorbeeld van naadloze integratie tussen HTML en Flash.
Een uitgebreidere selectie screenshots is hier te bekijken.
Krant in de Klas
Voor Stichting Krant in de Klas heb ik een site ontworpen waarmee zij hun informatie en aanbod beter kunnen ontsluiten. De site heeft als doelgroep leraren en beleidsmakers. De ontwikkeling van deze site is gedaan door Acato. Daarnaast heb ik ook het logo en bijbehorende huisstijl ontworpen. Krant in de Klas is inmiddels Nieuws in de Klas geworden.
Sneaknacht
De Sneaknacht was een avond vol cabaret, literatuur, film, theater en muziek. Toendertijd hebben Thoas en mr10 de vormgeving van alle uitingen van de Sneaknacht gedaan.
Er was volledige vrijheid over de designs, en een deal met een drukker waardoor experimenteren met metallic inkt uit konden. Er werd gekozen voor een vast, afwijkend formaat voor de flyers, zodat deze op zouden vallen in flyerstands, en een terugkerend herkenbaar element in de vorm van het gestreepte logo.
Bekijk ook de flyers of posters voor de Russian Edition, de Verwen Sneak, de 1000 en 1 Nacht Sneak poster en de Sneaknacht on Tour flyer en poster.
De Sneaknacht reeks werd afgesloten met een Supersize Sneak, waarvoor een 3 bij 1 meter poster werd ontworpen.
Voor de, intussen opgeheven, Comedyband, werd samen met Waxle en Thoas.nl een flitsende Flash site gemaakt. Bedenk dat online video ten tijde van de lancering van deze site nog niet mogelijk was!
Een vorige mr10.net was een showcase voor het door mr10 ontwikkelde open source Gallery Component voor Flash MX. Daarnaast diende het als fotografiedagboek voor een reis door Australië.
Ook zijn een eerder dagboek op basis van het Gallery Component, mr10’s afstudeeropdracht en zijn stageopdracht (gemaakt in Flash 4/5) online gearchiveerd.
