Tussen al deze drukke activiteiten en bezigheden is er vorige week nog iets niet geheel onbelangrijks gebeurd. Na een ontwikkeltijd van grofweg drie weken is de nieuwe website van Stratega namelijk gelanceerd! Omdat zon beetje alle code in de website van mijn hand komt wil ik er hier toch nog even apart aandacht aan besteden.

Opzet

Voordat het bouwproces van de website van start ging zijn er een aantal interne brainstormsessies gehouden. Hieruit bleek dat de website genoeg informatie over het bedrijf diende te bevatten, maar daarnaast moest de website ook een hoge entertainment waarde hebben. Er mocht dus geen sprake zijn van een 13-in-een-dozijn bedrijfswebsiteje.

Dit is direct te zien als je binnenkomt op de website. Er is bewust gekozen om geen gebruik te maken van een standaard “bekijk-onze-recente-projecten-hier” opzet. In plaats daarvan is er een showreel gemaakt. In de showreel komen een aantal klanten van Stratega en het werk wat er voor hun verricht is in een sneltreinvaart voorbij. De showreel functioneert dan ook als een korte visuele introductie van het bedrijf.

Een tweede entertainment uiting, die tevens ook informatieve functies heeft, is het blog. Bij binnenkomst op dit onderdeel tref je een “spotlight” pagina aan. Op deze pagina worden alleen berichten getoond die zijn geselecteerd door de auteurs van het blog (alle werknemers van Stratega). Bij elk bericht dat geplaatst wordt door een medewerker van Stratega kan dus worden aangegeven of dit op de spotlight pagina getoond dient te worden. Uiteraard is er een mogelijkheid aanwezig om alle recente berichten tonen. Tevens is kan men filteren op aparte rubrieken.

Een aantal van die rubrieken zijn nog eens extra uitgelicht. Zo is de “Work in progress” rubriek apart terug te vinden in de rechter zijbalk van het blog. Hierin worden de werkzaamheden getoond waar Stratega zich op dit moment mee bezig houdt. Daarnaast schrijft de oprichter en eigenaar van Stratega, Peter Hermeling, iedere maand een column voor de website. Op de homepage is er een apart “column” blokje te vinden, dat de meest recente column onder de aandacht brengt.

Een ander belangrijk onderdeel van de website is de “knowledge base”. Dit onderdeel functioneert als een soort encyclopedie bestaande uit termen en woorden die iets met het vakgebied van Stratega te maken hebben. Zie je dus door de web 2.0 bomen het bos niet meer of wordt je ondergesneeuwd met termen als “CMKY, RGB of DPI”: neem dan een kijkje in de knowledge base van Stratega!

Techniek

De nieuwe website van Stratega is vanaf de grond opgebouwd in WordPress. Aangezien ik al wat ervaring had met het bouwen van WordPress sites was ik de aangewezen persoon om de website te bouwen. Al met al is het best een complexe site geworden.

Om te beginnen is alles wat je ziet beheerbaar vanaf de backend van WordPress. Van de omschrijvingen en foto’s van de werknemers van Stratega tot de blokjes die op de homepage getoond worden. Een flinke klus, maar het verdient zichzelf geheel terug. Van alle websites die ik ooit heb gemaakt is dit toch wel degene die zich het makkelijkst laat onderhouden. Een snelle aanpassing is dus zo gedaan en content toevoegen is een fluitje van een cent.

Daarnaast zijn er een aantal technieken aanwezig die de boel visueel wat aantrekkelijker maken. Zo is de typografie van titels door de hele website, net zoals in mijn eigen website, opgebouwd d.m.v. sIFR. Wordt er in de beheermodule een verkleinde afbeelding ingevoegd met een link naar de originele, full size afbeelding dan wordt deze vergroting automatisch met Lightbox geopend. Over afbeeldingen gesproken: ook Flickr is geïntegreerd in de website. De laatste 6 foto’s van de Stratega Flickr photostream worden automatisch getoond in het blokje in de zijbalk, en tevens kunnen afzonderlijke Flickr afbeeldingen via de backend worden ingevoegd in pagina’s en/of berichten. Tot slot wordt jQuery gebruikt voor het uitklapeffect op zowel de archief pagina als het blokje in de zijbalk.

Komt dat zien!

Wil je dus een kijkje nemen in de wereld van Stratega, of ben je gewoon geïnteresseerd in alles wat met multimedia en grafisch ontwerp te maken heeft: neem eens een kijkje op de nieuwe website van Stratega. Komt dat zien mensen, komt dat zien!

De afgelopen twee weken heb ik echter geen nieuwe berichten geschreven. Dit komt omdat ik het erg druk heb gehad en daarnaast had ik niet veel bijzonders te melden (niet geheel onbelangrijk). Best tegenstrijdig als je er over nadenkt: het druk hebben met allerlei dingen maar niets hebben om over te schrijven. Veel kleine dingen die ik heb ondernomen zijn niet echt materiaal voor een blog bericht. Denk aan uit eten gaan, een balletje slaan op de tennisbaan of werpen op de bowlingbaan, kwijlend wachten op een nieuwe iMac en feest vieren dat mijn iPhone door Apple geheel kosteloos is vervangen door een nieuwe. Dit soort dingen zet ik wel op Twitter. Maar toch heb ik niet stilgezeten als het gaat om deze website. I’ve been busy…

Een website is nooit af

Zoals ik in mijn eerste bericht schreef: “Een website is nooit af, zo ook deze. Er zijn nog allerlei kleine dingen die ik wil toevoegen aan de website, en het zal altijd wel een hobby project blijven. Zo nu en dan zullen er dus updates uitgevoerd worden aan de website maar verwacht voorlopig geen grote veranderen.”. En dat is precies waar ik mee bezig ben geweest de afgelopen. Er zijn een aantal punten waar ik al tijdens de lancering van de website mijn twijfels over had. Omdat een website toch een keer online moet, heb ik maar besloten om alles online te zetten. Wijzigingen kunnen later altijd nog worden doorgevoerd. Dat is allemaal alweer ruim twee maanden geleden.

Reacties

Hoogste tijd om die belofte na te komen, beginnend bij het reactie systeem. Dat is volledig op de schop gegaan. Visueel is er veel veranderd: reacties verschijnen vanaf nu in een tekstballon, zoals dat in stripboeken ook het geval is. Onder elke tekstballon staat uiteraard vermeldt door wie, en op welk tijdstip de reactie gegeven werd. Technisch gezien is er ook behoorlijk wat veranderd. Zo is er support voor Gravatars toegevoegd. Gravatars zijn kleine fotootjes die gekoppeld worden aan je eigen e-mail adres. Deze gravatars worden getoond op websites met reactie mogelijkheden. Uiteraard moet die website ook het gravatar systeem hebben geïntegreerd. Deze ondersteuning zit standaard in WordPress ingebouwd, en is nu dus ook te gebruiken in deze website. Tot slot is er een mogelijkheid toegevoegd om te reageren op een reactie. Klik op het screenshot voor een voorbeeld.

Archieven

Naast het reactiesysteem zijn er ook wat wijzigingen doorgevoerd aan de archieven. Zowel de archief pagina als het blokje in de zijbalk (zichtbaar op de blog pagina) zijn aangepast. Archieven worden nu opgedeeld in jaar, maand en dag. Tevens is er een slide-effect toegevoegd aan de maanden. Elke maand kan nu afzonderlijk worden in- en uitgeklapt. Dit slide-effect is in een aangepaste vorm aanwezig op elk jaar in het archief, maar omdat er tot op heden alleen berichten zijn geplaatst in 2009 is dit nog niet zichtbaar. Nog 8 maanden geduld dus. Voor de techneuten onder ons: het effect wordt op je scherm getoverd d.m.v. jQuery.

Portfolio

Een paar dagen geleden heb ik wat projecten toegevoegd aan mijn portfolio, nu zijn er wat kleine uiterlijke wijzigingen doorgevoerd. Het “Recente projecten” blokje in de zijbalk van de portfolio pagina is verwijderd. Dit voegde niets toe, aangezien de laatst toegevoegde projecten ook al zichtbaar zijn op de homepage. Tevens hadden de drie tekst linkjes onder elkaar een wat saaie uitstraling. Tevens staat bij elk apart portfolio item staat het plaatje nu rechts en de tekst links. Bekijk het even op de portfolio pagina.

Favorieten

De laatste toevoeging komt in de vorm van een “favoriete spots” blokje in de zijbalk (zichtbaar op de homepage en over mij pagina). Hierin staan sites die ik regelmatig bezoek. Mijn vaste stekkies op het net.

Genoeg getweakt en geprogrammeerd

Voor nu heb ik wel weer eventjes genoeg getweakt en geprogrammeerd. Wie weet denk ik er over twee maanden weer helemaal anders over. Ondertussen blijf ik gewoon mijn berichtjes schrijven. Voor vragen en/of opmerkingen kun je altijd eventjes een berichtje achterlaten of een mailtje sturen.

Het achtste wereldwonder

Toen ik in augustus 2008 afstudeerde, besloot ik om dan toch eindelijk maar eens te beginnen met de ontwikkeling van een eigen website. Welke serieuze webdesigner heeft tegenwoordig eigenlijk geen eigen website?

Over het ontwerp had ik redelijk duidelijke ideeën. Dat was dan ook na een paar avondjes Senseo drinken en fotosoepen (in die volgorde) af. De techniek kostte wat meer tijd (as usual). Daar had ik twee opties: alle code zelf schrijven of een open source pakket kiezen.

Ik was al wat langer geïnteresseerd in WordPress. Ik had van meerdere collega webdesigners goede verhalen gehoord en op het web wordt het systeem aangeprezen als een soort achtste wereldwonder voor webdesigners. Mijn interesse was dus gewekt.

Grote jongens

Na wat onderzoek kwam ik er achter dat er behoorlijk wat grote bedrijven websites hebben draaien op dit systeem: Playstation, CNN, NASA, Ford en een hele zooi aan New York Times blogs om er maar een paar te noemen. Dat zijn geen kleine jongens…

Maar daar stopt het niet: er zijn complete boeken geschreven over het systeem en er zijn ongeveer 4000 plugins te verkrijgen die alleen al voor 20 miljoen (!) downloads hebben gezorgd tot dusver. De laatste versie van WordPress is op het moment van schrijven al 2.748.103 keer gedownload. Let op: dit getal geldt alleen voor de laatste versie van het systeem, dat uitgebracht werd op 11 december 2008. Dat zijn ruim 36.000 downloads per dag! Erg lang hoefde ik dus niet te twijfelen over mijn keuze.

De ruggengraat

De ruggengraat van wat je voor je ziet is dan ook een (bijna) standaard WordPress 2.7.1 systeem. Ik kon dan ook nagenoeg alles wat ik wilde met een standaard installatie van het systeem realiseren. Enkele plugins heb ik naar mijn eigen behoefte aangepast, de speciale typografie wordt door sIFR op je scherm getoverd en jQuery is gebruikt voor het archief uitklapmenu op de blog pagina (is pas zichtbaar als er posts in meer dan één jaar gemaakt zijn), de rest is allemaal standaard WordPress functionaliteit. Ik heb nog niet eens de helft van de mogelijkheden ontdekt, maar toch: I’m impressed!

Nooit af

Een website is nooit af, zo ook deze. Er zijn nog allerlei kleine dingen die ik wil toevoegen aan de website, en het zal altijd wel een hobby project blijven. Zo nu en dan zullen er dus updates uitgevoerd worden aan de website maar verwacht voorlopig geen grote veranderen. Eerst ga ik maar eens Fallout 3 uitspelen, die ligt al veel te lang stof te verzamelen.

Pics: www.wordpress.org