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 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 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 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 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 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 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.

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…

Een kleine website, type ‘vCard’ voor een babywinkel werd designed en door partner ThisConnect geintegreerd in ExpressionEngine

Kleine projecten zijn niet minder belangrijk dan grote.
Bij deze soort websites proberen we steeds te voorzien dat de klant wegkan met het werk dat een site met zich meebrengt. Al te vaak zie je CMS gestuurde websites waar de content maanden op ‘Lorem ipsum’ blijft staan.
Daarom wordt er geopteerd voor korte teksten, en slideshows.
Basis SEO wordt voorzien ondermeer door welgemikte keywords, die door de klant zelf worden ingevoerd ovv merken, en bijhorende uitgaande links.
Eenvoudig maar absoluut relevant.

Monuments.nu is al jaar en dag mijn eigen blog. En mijn experiment.
Het heeft al talloze transformaties ondergaan, en is een onderzoek in mijn ‘webdesign’.
Waar ik de laatste keer streefde naar soberheid, en back to basics, mits de nodige toeters en bellen, wilde ik deze keer het estetisch nog een stap verder brengen, en het blog van werkelijk al zijn onnodige accessoires ontdoen. (Die hou ik voor dit blog ;) )
De focus dient voledig te liggen op de inhoud. Op het begeleidende beeld.
Daartoe wordt het menu weggestopt dmv javascript.
Zelfs het logo mag de bezoeker niet afleiden.

Daarnaast is het een experiment achter de schermen.
Ook monuments werd op wordpress gebouwd, en maakt optimaal gebruik van dat systeem.
De interface wordt immers aangepast aan de grootte van het beeld. Het beeld wordt uit zijn ‘content’ geplukt en on the fly geresized, en de juiste divs worden aangemaakt.
De bedoeling: eenvoudig uploaden en toch de maximale capaciteit benutten, om het beeld ten volle te laten uitkomen. Het systeem denkt voor mij en bespaart me de onnodige tijd om beelden te resizen.
En dit met een photoblog in gedachten.

De benodigde code vond ik bij grid-a-licious (maar diende serieus getweaked), en bij de ter ziele gegane ikram-zidane

Deze site, momenteel in opbouw, is een vrij statische site. Ook hier werd er zorgvuldig gekeend naar de syntax en de juiste teksten.
Specifiek in dit geval is de custom-built engine voor de toonzaalkeukens. De eigenaars kunnen vlot de bestaande toonzaal keukens invoeren voorzien van een paar foto’s, titel, prijs, en summiere uitleg.
De slideshows draaien op SSP.

Hoewel deze site eenvoud uitstraalt, gaat er heel wat verborgen achter de schermen.
Bij al onze sites proberen we zo zorgvuldig mogelijk rekening te houden met de juiste syntax. Vaak resulteert dit in allesbehalve slechte Googleranking, doch, om echt hoog te scoren dient men een site grondig te optimaliseren.
Deze site werd volledig voor Google geoptimaliseerd, met zorgvuldig gekozen teksten, en strategisch geplaatste keywords.
Dit resulteerde is vrij hoge rankings voor gecombineerde zoekresulaten.

Daarnaast werd geopteerd om een Google Adwords campagne op te starten op specifieke keywords.

De site zelf is statische HTML, en de slideshows worden door SSP geupdate.