portfolio

Nomadz.nu

nomadz
Het is al lang geen geheim meer. Volgend jaar gaan Catherine en ik voor een jaar de wijde wereld in.
In plaats van een jaar echt rond te reizen hebben we geopteerd om 3 plaatsen aan te doen en daar voor een tijdje te verblijven. Van daaruit verkennen we dan de omgeving en de buurlanden.

Het werk gaat mee: de plaatsen hebben internet en wij hebben er telkens een vaste stek van waaruit we wonen en werken. Dat is het handige aan webdesigner zijn: het maakt echt niet uit van waaruit we werken, ons huis in Gent of een woonkamer in Buenos Aires. En dus kiezen we voor de woonkamer in Buenos Aires ;)

Al onze verhalen kan je volgen op Nomadz.nu

(Op de eerstkomende Barcamp geef ik een presentatie over de technische kant van de zaak, voor zij die meer willen weten)

Behive

behive
Behive is een hobbyprojectje dat de ene keer meer vlot dan de andere keer.
Na een eerste poging om te werken met gastschrijvers (die schromelijk mislukte) probeer ik deze keer inbreng van om het even wie te stimuleren: dankzij een ’send a post’ principe kan iedereen die wenst iets interessant aanbrengen. Zo is er het idee om alle Belgische designers aan te schrijven en hen te stimuleren hun projecten/producten up te loaden en zo een mooie database van Belgisch design te verzamelen.
Eerst tijd vinden om een database van designers bijeen te ver
Men vertelle het voort!

Oh, voor de techneuten onder ons: het platform draait op een wordpress met wat plugins die uploaden via form toelaten. Eenvoudig maar echt handig.

Tim Stas

timstas
Tim wou een portfolio website. Voor zijn foto’s. Toen hij de portfolio van Marijke zag werd het al snel duidelijk: de foto’s moesten ook fullscreen.

Fullscreen is idd vaak flatterend voor foto’s (horizontale dan).
Het beeld komt een pak sterker uit.
En dus maakte ik baseerde ik me op het bestaande ontwerp van Marijke, maar paste het aan aan Tim zijn foto’s.
Ook hier wordt er dus gebruikt gemaakt van SlideShowPro en Director.

Tim laadt zelf zijn foto’s op. De foto’s worden via het systeem automatisch geresized, en desgewenst kunnen er watermarks ingezet.

Locus (tijdelijke site)

locus1
Locus Developments is een project ontwikkelaar uit het Gentse, met een paar heel mooie loftprojecten.
We werden gecontacteerd voor een projectsite met strakke planning, en niet veel later kwam de vraag om de bestaande site ook aan te pakken.
We opteerden ervoor de verouderde site een tijdelijke overzichtelijke look te geven, en dan achter de schermen langzaam aan een nieuwe uitgebreide site te bouwen.

De site werd gebouwd met het CSS Framework Blueprint, gebaseerd op grids. Dit laat toe om op een snelle manier een site klaar te stomen.

Marijke Thoen

marijkethoen2

Marijke Thoen vroeg me een portfoliosite te maken voor haar fotos.
Ze wist heel goed wat ze wou: fullscreen images.
Heel dit project werd gebaseerd op SlideShowPro en SlideShowPro Director.
Dat laatste is een CMS voor beelden.

Ik krijg geregeld de vraag om voor artiesten/fotograferen/architecten etc een site te ontwikkelen.
Liefst bezorg ik ze dan iets waarmee ze zelf hun beelden online kunnen plaatsen.
Niets zo ambetant als deisgner beeldjes te moeten uploaden, maar ook niets zo ambetant voor die klant om te moeten wachten tot de designer tijd maakt om die beeldjes online te plaatsen.

SlideShowPro is dan een handige oplossing.
Toegegeven, het is een Flash oplossing, en die zijn minder elegant voor SEO-redenen, doch de rest van de site wordt in HTML en CSS opgebouwd met de nodige keywords.
Die vaak statische pagina’s dienen zelden aangepast,

Marijke opteerde er trouwens voor om gebruik te maken van SlideShowPro for Lightroom voor klanten.
Daarmee kan ze eenvoudig via FTP in een daartoe bestemde folder foto’s van klanten uploaden.
Die kunnen zo de foto’s online bekijken.

Carole Vanderlinden

carole2
Carole Vanderlinden is een Belgische schilder.
Ze wilde graag een site die haar schilderijen groot en mooi toonden.

Met SlideShowPro bouwden we een site die met grote thumbnails de werken overzichtelijk tonen.
Door de site te laten mee resizen worden de werken op elk scherm goed getoond.
Via javascripting halen we titels in de html waardoor dit voor Google leesbaar wordt. Een handige manier om voor SEO doeleinden de site te optimaliseren.
Carole voert haar werken zelf in via het SlideShowPro Director CMS.

SlideShowPro is echt een handige Flash component. Hoewel de component gelimiteerd is, is hij tegelijk ook echt extreem kneedbaar. Mits actionscripting kan er veel mee gedaan worden. De voorbeelden op hun site getuigen daarvan.
Sommige dingen zijn moeilijker om te programmeren, en worden daardoor duurder, maar deze gerealiseerde site toont onmiddellijk dat je uit het stramien kan breken, en dat de component onherkenbaar wordt, zonder een extreem dure site te moeten maken.

Uit dat stramien breken is iets wat we echt elke keer proberen. Het is niet de bedoeling dat mensen naar een site kijken en zien welk systeem erachter zit.

Milloptics

milloptics

Milloptics is de site voor een stijlvolle brillenwinkel in Waals Brabant.

Het is telkens leuk als een bedrijf reeds een huisstijl/logo heeft waar je mee aan de slag kan gaan. Vooral wanneer dat logo er bovendien ook nog eens aantrekkelijk uitziet.

Een logo en huisstijl zijn vaak de eerste dingen waarmee een webdesigner aan de slag gaat. Verder leerde ik van Veerle van Duoh om een goeie vragenlijst op te stellen, waarbij de klant duidelijk omschrijft wat ie wil, met daarin voorbeelden, menu indien voorhanden, kleuren, en vooral ook een prijsduiding.
Op basis van zo een vragenlijst (of een eerste gesprek) kan er dan een welomlijnd idee worden opgesteld, en van daaruit een prijsofferte worden opgemaakt. Om dat dan om te zetten naar een eerste ontwerp.

Een dergelijke vragenlijst bespaart je veel nodeloos werk. Je maakt niet langer offertes voor mensen die dingen vragen die je niet wil/kan aannemen. Maar het bespaart je vooral heel veel heen en weer gemail/gebel. Een echte aanrader.

In het geval van Milloptics bepaalden we zo heel vlot het menu, en de stijl, en de klant leverde het logo aan zoals gevraagd. Alsook het beeldmateriaal.
En meteen werd ook duidelijk dat een uitgebreid CMS uit den boze was.
De klant gaf immers aan dat enkel de foto’s vaak moest kunnen veranderd, en toonde in zijn budgetkeuze dat het om een kleinere site zou gaan.
Veel klanten opteren nog steeds liever voor een webdesigner die alles beheert, dus ook de content, en bij dergelijke sites is een CMS dan ook niet steeds nodig.
De slideshow die in lightbox oppopt is dan weer wel dynamisch, zodat elke seizoen het beeldmateriaal gemakkelijk kan aangepast indien nodig.

Field - Bemefa

3984657750_2f8fb0fe4b_o

Bedrijfsfotografie is niet altijd even boeiend, toegegeven. En zo leek het ook eerst vandaag toen ik aankwam in een ’saaie’ fabriek. De druilerige dag zou zeker niet bijdragen aan betere foto’s. Neem daarbij de gids die je in 7 haasten rondbrengt, en je hebt bijna een recept voor slechte foto’s.
En toch. Toch leer je op die momenten anders kijken. Je staat op scherp en weet dat de opdrachtgever goeie foto’s verwacht. En dan wordt je aangenaam verrast als je in het midden van die fabriek terecht komt in een Stars Wars-achtige kamer, of in een labo dat iets heeft van je oude chemie lab uit het middelbaar. Of buiten verrast wordt door een grafisch mooie constructie, onbedoeld.
Ik kijk op die momenten meer grafisch, weet ik intussen. Probeer de juiste hoeken te vinden om een sober beeld toch dynamiek te geven. En rust.

Fotografie is boeiend. Of het nu op een idylissch eiland is, of in een grijze fabriek.

(De varkentjes werden gefotografeerd in een nabijgelegen boerderij, in het kader van de opdracht)

Field - Pastorale lamsvlees

3969185676_d5202a0167

Soms is werken niet echt werken. Vooral niet als de opdrachtgever vertelt: het is een voorstelling voor de pers, in een tweesterrenrestaurant en je mag een hapje mee-eten.
Ik laat u meeproeven via de foto’s ;)

Het leuke aan dit PR event was vooral het schitterende concept: pastorale lamsvlees is een specifieke kwalitatieve Vlaamse soort schapevlees. De organisatoren lieten het bereiden door de kok van het  2sterrenrestaurant ‘De Pastorale‘. Leuke woordspeling, maar vooral lekker!
Schitterend ook was dat de kok ipv bepaalde delen een volledig schaap vroeg en dat helemaal bereidde.
Ik kan u vertellen: zelden zo lekker schapevlees gegeten…

Track the Moleskine

moleskine

Track the Moleskine is een initatief van Brepols en de mannen van Urban.
Het concept kwam na enkele brainstorms vorig jaar op poten, en werd uitgevoerd naar aanleiding van de lancering van de Brussels City Notebook. Een aantal bekende ‘Brusseleirs’ kregen het boekje in handen en mochten er hun tips & tricks, en artistieke kunsten in kwijt.

Dit jaar is de aanleiding de lancering van de artistieke Folio Collection, en gaat het event door in Antwerpen. Het boekje kreeg ik niet in handen. De site dan weer is wel volledig van mijn hand.

Ik hoop dat ze dit jaar mijn idee om een boekje te verspreiden onder bloggers niet afslaan. Ik ben er vast van overtuigd dat daar enkele parels zouden uitkomen…

Coccidiose

coccidiose

De opdrachtgever (Field Communication) was kort en bondig: deze site was een kleine project-site, als het ware een ‘folder online’.
En met een heel krappe dead-line…

Het werd bijgevolg een heel eenvoudige site, gebaseerd op webstandaarden, en met een transparante structuur die desgewenst kan uitgebreid.
Webstandaarden omdat dat mooier is achter de kap, en met dat voordeel dat Google dat ook liever heeft: de site kan op die manier beter geindexeerd en opgenomen in de zoekmachine.
Dat gecombineerd met een eenvoudige naam (coccidiose.nl) leidt hopelijk tot mooie resultaten.

Momenteel draait de site zonder cms, maar hij is zo opgebouwd dat implementatie eenvoudig en snel kan gebeuren. 

 Zoals ik al zei: de site moest heel snel klaar zijn, en daar hielp een voorgebouwde structuur en Coda een pak bij.
Jip, hier ‘ten huize van’ opteren we intussen al een tijdje op Coda, die zoals zijn naam al verraadt, begint met code, ipv WYSIWYG.
Vooral de snippets worden hier gesmaakt: op een heel eenvoudige manier kan je snel de gewenste code inplakken.
Met zijn hints, clips en warnings, en zijn dikke naslagwerken, prefereer ik hem boven Espresso.

Nog een leuke tip is de formvalidation. Die gebeurt dmv Mootools en Formcheck. Gevonden via de immer interessante Woork.

En wat zijn jullie kleine tips en tricks?

Brussels Beer Capital

brussels-beer-capital

Het verhaal achter Brussels Beer Capital is vrij specifiek: de opdrachtgever kwam met een niet geheel omlijnd idee, en een voorbeeldsite naar waar hij wou werken (www.deus.be).
Na enkele lange en intensieve gesprekken bleek al snel dat de site misschien toch best anders werd opgebouwd.
Een informatieve site werkt duidelijk beter in een vaste structuur dan in een informele flash experience site. 
Waar je voor bepaalde onderwerpen (zoals muziek, of auto’s) graag met experience sites werkt, is dit moeilijker bruikbaar voor een site waar het de bedoeling is info op een snelle manier terug te vinden.
En zo werd er vanuit een totaal ander perspectief aan een design begonnen: een overzichtelijke eenvoudige site die op een vlotte manier alle info bevat die de bezoeker daar wil vinden.
De site moest de bezoeker tegelijk toch blijvend aanspreken, door zijn sfeer.Brussel en bier, en we denken dadelijk aan de bruine cafés met de lekkere pintjes. Vanuit dat idee werd er verder gewerkt, wat uiteindelijk resulteerde in de uiteindelijke site.

Het bijhorende logo werd ontworpen door M-idea, en tussen de voorstellen was het gekozene er pal op: de Belgische vlag als knipoog naar ons bierlandje, de verschillende bieren als voorstelling van het ruime aanbod.

Moraal van dit verhaal: soms is het niet on-interessant het idee van je klant opnieuw open te smijten, aan de kaak te stellen. In dit geval was ik echt niet overtuigd van wat er me gevraagd werd, en droeg ik de opdrachtgevers op hun voorbeeldsite intensiever te bezoeken. Kijken of de gimmick na een tijdje nog werkte.
Het idee dat zij in gedachten hadden, had zeker kunnen werken, mits een andere insteek. Doch de bedoeling was/is een informatieve bron te zijn, waar mensen info kunnen terugvinden.
En idd, de voorbeeldsite was na wat testen na een tijdje toch vrij moeilijk in info vinden,in to-the-point komen.
De aanpasbaarheid (en de kosten die daarmee gepaard gingen) van een experiencesite  is evenmin eenvoudig.
Vandaar dat er beslist werd om de andere piste te gaan bewandelen.

Het eindresultaat had mijn inziens nog beter gekunnen, maar de tijd was beperkt. De oplevering van de site zat tegen korte deadlines aan. Toch werd er in het ontwerp rekening reeds gehouden met uitbreidbaarheid, en flexibiliteit. Zodat er naderhand nog kan bijgestuurd en bijgebouwd worden.

Matuvu stond bij dit project in voor het ontwerp van de site en conceptbegeleiding. De .net-programmering werd uitgevoerd door <a href=”http://www.bizz-vlaanderen.be”>bizz-vlaanderen.be</a>

Mytox

mytox

De associatieonderzoeksgroep ‘Mycotoxinen en toxicogene schimmels’ van AUGent wilde een CMS gestuurde site.
Na wat onderzoek, en een meeting waarbij we alle requirements overliepen, werd een site ontwerp voorgesteld, gebaseerd op Wordpress.

Het ontwerp poogde het onderzoekselement te koppelen aan een cleane professionele look, en werd enthousiast onthaald binnen de universiteitsmuren.
Achter de schermen werd Wordpress deftig getweaket (gebaseerd op pages), maar behield op elk moment zijn vanzelfsprekendheid. (Op minder dan 1 uur leerden de onderzoekers werken met het systeem.*)

Een leuk project waarbij er werd gewerkt op basis van het Blueprint grid.
Een ware aanrader om vlot en snel te kunnen werken. En een opsteker voor mezelf.

 
*Nu nog de content toevoegen :)

VIB - Boomplanting

3507621680_8a4ef5e2a2

Vandaag werd de eerste genetisch gemanipuleerde populier geplant. In Gent.
Onmiddellijk verzamelden er ook tegenstanders van het principe, nl Groen, om nog maar eens te zeggen hoe ze gekeerd zijn tegen het modificeren van planten.

Persoonlijk heb ik er intussen een vrij genuanceerde kijk op gekregen.
Planten genetisch aanpassen om daardoor een gezondere toekomst te realiseren klinkt misschien contradictorisch, het is het allerminst.
De gewijzigde populieren produceren 20 procent minder lignine, een kleverige stof die de omzetting naar bio-ethanol hindert, en 17 procent meer cellulose, dat wel in brandstof wordt omgezet. 
Uit tests met serrepopulieren blijkt dat uit dergelijke gewijzigde bomen vijftig procent meer ethanol kan worden gehaald.
En daarmee kan men dus bio-diesel maken. 
Akkoord, diesel veroorzaakt nog steeds CO2, maar als we erin slagen de productie ervan milieuvriendelijker te maken, dan is dat toch een stap in de goeie richting.
Zo zijn er talloze andere voorbeelden: genetische aanpassing van bananenbomen, waardoor ze resistent worden tegen bepaalde ziektes, en er geen pesticiden meer moeten gebruikt worden. En ook meer ‘gelukte oogst’ dus meer eten voor mensen.

De tegenstanders hebben terechte opmerkingen ‘maar dan wordt het natuurlijke evenwicht verstoord’, de antwoorden navenant: pesticiden verstoren die ook. 

Persoonlijk vind ik het discours een absolute must, we moeten ons bewust zijn dat wat we aanpassen, goeie redenen hebben om aangepast te worden, en dat de gevolgen ervan het hele eco-systeem niet in groot gevaar brengen. (Een plant resistent maken tegen bepaalde insecten, kan tot gevolg hebben dat er verschillende diersoorten uitsterven. Net zoals pesticiden dat deden/doen.)

Voor degenen die zich nog steeds fel kanten tegen GM (gen modified) raad ik deze documentaire aan die onlangs te zien was op Canvas: BBC Horizon - Jimmy’s GM Food Fight, een bioboer die kijkt naar de positieve en nagatieve kanten van GM.
Waarlijk boeiend. Zo zal u leren dat in het verleden er ook veel ‘gemodifieerd werd’ door kruising van soorten, en dat dat enigste reden is waarom u bloemkool, rode kool, groene kool, … op tafel hebt. Deze werden allen ‘gecreeerd’ door de mens.

En zo kan u zich ook de vraag stellen over rashonden en katten, die ook niets anders zijn dan het resultaat van lange kruising van soorten door mensen die onder een loepe worden gelegd, met vreselijke resultaten als gevolg. Een waarlijk boeiende BBC documentaire.

Flickrness

Categories

css (4)
design (2)
desktops (2)
entrepeneur (19)
free (9)
geeky (44)
inspiration (26)
inspiring minds (12)
news (1)
newsletters (1)
office (11)
on the shelves (8)
partners (3)
photo (9)
photography (14)
portfolio (36)
presentations (6)
tips (29)
tools (2)
tricks (1)
webdesign (24)
workflow (4)

WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

 

 

Recent Comments

  • Serge Van Cauwenbergh: Zoals je aanhaalt: usability-wise kan er aan de site van KMO-portefeuille nog veel verbeterd...
  • joeri: Geniet van de gekozen weg!
  • dipfico: We zijn jaloers op jullie, die zonder boe of ba uit de mainstream stappen en een jaartje op avontuur gaan....
  • Serge Van Cauwenbergh: Een leerrijke tekst met veel herkenbare elementen! Voor mij persoonlijk zelfs aanvullend bij...
  • Pietel: 2. Noem eens wat namen van kleine bureaus. 3. Social Media Marketing wil net geen advertising genoemd worden....

Recent Readers