Gorilla webdesign RSS feed

De gorilla's met z'n drieën

Thu, 02 Sep 2010 11:32:00 GMT

Een tijdje terug lanceerden we een oproep voor een multi-talented web-creatieveling. Die oproep kreeg gehoor en, na bijna 4 jaar als duo te hebben gewerkt, zijn de gorilla's nu met z'n drieën. Meet… Redg!

Redg is een grafische ontwerper, maar, minstens even belangrijk: hij is een echte web-man (vanaf nu dus web-primaat). Hij werkt al 8 jaar als webdesigner en beheerst de technische kant van de zaak perfect. Redg werkte een tijdje zelfstandig onder de noemer Noodlebox, en via een omweg langs de collega's van Wax en Glue gaat hij nu aan de slag als Gorilla.

Wat we van hem verwachten? Spacedust! Een laagje grafische verfijning en extra afwerking in onze toekomstige projecten. Wat Redg van onze samenwerking verwacht? Dat laten we hem zelf uitleggen in een kort interview.

Het mini-interview

Jelle: Hey Redg, hoe ben je bij ons terechtgekomen?

Redg: We volgen elkaar's werk al langer dus ik kende jullie al een tijdje. Ik ben altijd aangetrokken geweest tot de professionele manier waarop jullie je projecten benaderen. Jullie websites zijn technisch altijd tiptop in orde en je ligt wakker van dezelfde zaken als mij: cleane HTML mark-up, sterke copy, simpel en gebruiksvriendelijk design, etc.

Toen ik de vacature zag verschijnen op Facebook sloeg mijn hart — echt — een slag over en moest ik reageren. Van bij het eerste gesprek zat het volledig goed. We hadden elkaar nog nooit in levende lijve ontmoet, maar er was direct een klik.

Jelle: True that!

Redg: Mijn eerste sollicitatiegesprek duurde 3u… dus dat zegt genoeg. Melig, I know, maar ik had eindelijk het gevoel dat ik echt op mijn plaats zat.

Jelle: Melig! Maar wel ok. Wat verwacht je van onze samenwerking?

Redg: Wel… ik hoop dat ik Gorilla echt naar een hoger niveau kan tillen. Zoals ik al zei, de Gorila websites zijn echt wel ok, maar ik denk dat ik ze nog een extra grafische boost kan geven, zodat ze echt helemaal goed zitten. Ik wil websites maken die de nagel op de kop slaan. Niet alleen technisch & inhoudelijk, maar ook grafisch. Ik vind dat we met z'n drieën het potentiëel hebben om het helemaal te maken.

Jelle: Ok Redg, tis goed, je mag blijven. Hier… een banaan

Redg: Yummy!

Future Of Web Design 2010 (Londen), Dag 2

Fri, 18 Jun 2010 10:29:00 GMT

Beter laat dan nooit! Bij deze het tweede deel van mijn FOWD 2010 report. Lees deel 1 hier.

Dag 2, het verslag

Te laat voor de koffie, as per usual… maar wel op tijd om het laatste deel mee te pikken van de eerste presentatie. sessie.

1 - Progressive CSS3 design (Molly Holzschlag)

Deze sessie heb ik dus niet helemaal gevolgd, maar eerlijk gezegd: zo erg veel heb ik niet gemist (denk ik). Het onderwerp zou ondertussen standaard bagage moeten zijn voor elke webdesigner. We kennen allemaal de capaciteiten van CSS3, maar, we weten evengoed dat we die niet ten volle kunnen gebruiken. Internet Explorer (versie <9) gooit roet in het eten door de slechte ondersteuning van CSS3.

Precies over dat onderwerp — slechte ondersteuning door Internet Explorer — zijn er interessanter dingen te vertellen. Een sessie over hoe je de Internet Explorer explorer filters kan gebruiken om CSS3 eigenschappen na te bootsen lijkt mij een stuk interessanter.

2 - What will web-design look like in 2 years (Simon Collison)

Deze presentatie komt in mijn top 3 — disclaimer: Erskine & Colly.com fonboy. Collison gaat het niet te ver zoeken en pikt er een paar huidige trends uit die verder zullen doorbreken in de komende jaren.

Heel kort:

Typografie barst los op het web. Maar, wees voozichtig en geniet met mate.
Web design is "sytem design". We ontwerpen geen afzonderlijke pagina's maar een volledig systeem.
Aansluitend en toch helemaal tegenovergesteld: er komt meer en meer "editorial design" in web design. We werken een uniek ontwerp uit per web-pagina (of per blog-post). Magazine-ontwerpers doen het al jaren, dus waarom niet op het web?
The future is in the past. Lees over "klassieke" design principes, en wordt een betere ontwerper.

3 - How to be more succesfull through self promotion without selling your soul (Elliot Jay Stocks)

“The best known designers aren't necessarily the best Designers”. Dat vat voor een groot stuk samen wat Mr. Stocks vertelde, of, dat is toch wat ik vooral heb onthouden. Goed zijn in je vak is één, maar marketing, "self-branding", en "uit uw kot komen" zijn ook heel belangrijk.

5 - How to build a HTML5 website - live demo (Bruce Lawson)

In tegenstelling tot de technische HTML5 sessie van dag 1 was deze presentatie simpel. Lawson spreekt over basic stuff, zoals de nieuwe HTML5 mark-up elementen (article, header, footer, video, …). Niks nieuws, maar een handige herhaling. Voor wie totaal nog niet vertrouwd is met het HTML5 verhaal: get familiar!.

6 - Rethink your job, and earn more money (Brett Welch)

Welch probeert blijkbaar "Business Catalyst" van Adobe te verkopen, maar ik heb nog altijd geen idee van wat ding nu precies doet. Bad sales pitch dus ;) Maar! Uiteindelijk geen slechte presentatie.

Bottom-line: de lancering van een website is geen eindpunt, maar een begin. De klant moet begrijpen dat er ook budget moet zijn om de website bij te sturen en te optimaliseren na lancering.

Klein beginnen en een langetermijrelatie uitwerken met onze klanten? Sound familiar.

7 - Ad-hoc Q&A-sessie (Paul Boag)

Respect Paul Boag! Hij ging het podium op — ter vervanging van een uitgevallen spreker — met enkel een iPad en zette één van de interessantste sessies van de conferentie neer.

Het publiek mocht zelf de thema's kiezen, en er werd gekozen voor:

1) How to grow your business
2) How to be more productive

Heel interessant voor mij, want het toeval wil dat wij op dat moment op zoek waren naar onze eerste werknemer. We zijn ook altijd bezig met het optimaliseren van de werking binnen Gorilla.

Boag bespreekt eerst hoe hij zijn bedrijf uitbouwde over de laatste paar jaar. Net als zoveel jonge webdesign bureaus werkte hij — alhoewel hij kwaliteit maakte — bij de start ook een stuk onder de marktprijs (een welbekende reflex binnen de webdesign wereld). Boag beschrijft hoe hij beetje bij beetje zijn vraagprijs opdreef en zo stelselmatig betere projecten kon binnenhalen.

Deze sessie zorgde voor een geanimeerde discussie achteraf in de pub. Het hele thema "kwaliteit maken, zelfvertrouwen hebben, genoeg geld durven vragen voor je werk,…" is iets wat heel erg leefde bij mijn mede-conferentie-gangers.

Hoe kies je je eerste werknemer? Was een tweede interessant gesprekspunt. Kies het juiste profiel, denk goed na over welke werknemer je precies zoekt, … inspirerend!

Het laatste thema ging over productiviteit: hoe kan ik in — in dit e-mail-twitter-facebook-tijdperk — nog productief zijn? Easy peasy… 2 keer per dag je mail checken, twitter afsluiten, en gaan! De beste presentatie hierover vind ik nog altijd die van Tijs Vrolix (aanrader!)

8 - Blending usability testing with interface design, protoyping and rapid iterations (Dan Rubin)

Ok, laatste presentatie van de conferentie. Zware sessie, de vermoeidheid slaat toe, de pints lonken, maar… we houden vol.

Rubin legt aan de hand van een case study uit hoe hij — tijdens een usability test — erin slaagde om met JPGs en een klein beetje HTML&CSS de illusie te wekken van een "afgewerkte" website.

Zo ga je te werk: bouw een afgewerkte layout in photoshop, exporteer de belangrijkste pagina's naar JPG en positioneer strategisch blokjes HTML (forms & links) over de JPG. Geef je testpersoon een duidelijke taak mee (bijvoorbeeld: "koop 2 t-shirts van een bepaald merk op deze website").

De test-gebruiker klikt rond op het prototype — ervan uitgaand dat hij/zij werkt op een volledig afgewerkte website. Per actie krijgt de webbouwer feedback, het prototype wordt aangepast in photoshop en opnieuw geëxporteerd. Vlugge test-iteraties dus, en even belangrijk, de testgebruiker werkt op een afgewerkt product (een stuk handiger dan prototype-testing met een zwart/wit wireframe).

Bruce Lee zeg je? Inderdaad :). "Be water my friend". Ga pragmatisch te werk tijdens wireframing/protoyping/usability-testing. Elk project vraagt een unieke aanpak.

Pints!

Na de conferentie… minstens even belangrijk, hit the pub!

Resumé: Toffe mensen, super stad, inspirerende conferentie! Op naar de volgende.

Future Of Web Design 2010 (Londen), dag 1

Fri, 21 May 2010 15:45:00 GMT

Ik wilde er al een tijdje naartoe, en dit jaar is het eindelijk gelukt: ik ging naar Londen voor Future Of Web Design 2010. FOWD duurt 3 dagen: 1 dag workshops, en 2 dagen conferentie. In dit artikel lees je het verslag van mijn eerste dag conferentie.

FOWD gaat over webdesign, met de nadruk op design, dus Benny bleef thuis en ik ging alleen op stap. Het was mijn eerste verblijf in London dus dat was al een ervaring op zich. De tubes, de drukte, de pubs, gezelligheid… wicked!

Los van de interessante talks is een web-conferentie een uitgelezen kans om nieuwe mensen te leren kennen. Ik maakte kennis met de mensen van Digiti (die ik dan ook in levende lijve kon feliciteren met hun geslaagde vacature-pagina), spijtig genoeg hebben we elkaar gemist voor drinks in de pub maar dat komt er nog wel van. De pints werden dan maar broederlijk gedronken met de vrienden van Bürocratik in de gezellige Brick Lane buurt.

Dag 1, het verslag

Coffee, registration & introduction gemist. Net op tijd voor de eerste sessie.

1 - Play. Destroy. Create. (Brendan Dawes)

Ik had het boek van Dawes al gelezen en zijn presentatie sluit er een stuk bij aan. Haal inspiratie & impulsen uit het dagelijkse, "analoge" leven en vertaal ze naar een digitale ervaring. Hier geen hands-on technische tips maar wel ideeën en inspiratie.

2 - Advanced HTML5 Class (Peter Lubbers)

Sessie 2 was een technische en gedetailleerde how-to tot de meer technische onderdelen van HTML5. Lubbers legde uit hoe je zaken als Geolocation, Webworkers & Canvas kan aansturen met Javascript. Interessant, maar net iets te ver verwijderd van mijn leefwereld. Dit is het deel van HTML5 die interessanter is voor Benny.

3 - jQuery for Designers: All You Need to Code (Remy Sharp)

Opnieuw een technische sessie, maar wel eentje over een onderwerp waar ik meer voeling mee heb: de gebruikerservaring verbeteren met doordacht gebruik van jQuery effecten. Sharp gaf een aantal jQuery best practices en tips & tricks mee. Handig.

4 - Accessibility in Web Design (Robin Christopherson)

Christopherson is blind en praat over de toegankelijkheid van web-sites en -applicaties. Ik zag hem eerder al aan het werk tijdens FOWA (2009, Dublin). Respect voor Carsonified om deze man te blijven programmeren op hun conferenties. Het is onze plicht als webdesigners om toegankelijke ervaringen te bouwen, en Christopherson herinnert mij eraan waarom toegankelijkheid belangrijk is.

5 - Learning to Love Humans: Emotional Interface Design (Aarron Walter)

Walter bespreekt hoe ze bij Mailchimp de user-interface nét dat beetje extra geven. Hij haalt voorbeelden aan van zaken die een meerwaarde bieden aan de gebruikers-ervaring, en een emotionele reactie losmaken bij de gebruiker.

In deze blogpost lees je alle zaken die Walter bespreekt tijdens zijn sessie. Inspirerend!

6 - UX Masterclass with Web Standardistas (Web Standardistas)

Voor mij zonder twijfel de beste sessie. Grappig (tot hilarisch), gevat en boenk! erop. De Web Standardistas (mét huge porno-snor) spreken over hoe we als webdesigners altijd een stapje verder moeten gaan dan de rest. We moeten (en ik citeer) "een ervaring bieden die 10x beter is dan die van de concurrentie".

Ook hier keert het idee van Emotional Design terug. In een notendop: we weten allemaal dat een goede website goed opgebouwd, toegankelijk, bruikbaar en "mooi" moet zijn. Maar dat is niet genoeg. Niet meer. Het internet wordt volwassener als medium en wie het verschil wil maken moet de gebruiker verrassen (of "delighten")… Emotional Design is de extra laag (en ik citeer opnieuw) "Space dust" die je bovenop de gebruikers-ervaring sprenkelt.

Een goed voorbeeld is deze 404 pagina (te bekijken in Safari) van de FOWD 2010 website. Bekijk je de pagina met Firefox of Internet explorer dan zie je een statische wereldbol als achtergrond… bruikbaar, mooi vormgegeven, maar niks meer. Bekijk je de pagina echter in Safari dan zie je een draaiende wereldbol: leuk!

7 - Web Design Redefined, with Web Fonts (Allan Haley)

De laatste tijd doken er verschillende diensten op die ons toelaten om lettertypes (fonts) te gebruiken op websites. Vroeger konden we alleen de normale "web-safe" fonts gebruiken omdat alleen die fonts geïnstalleerd waren op de PCs van onze gebruikers. Diensten als Typekit, of Fontshop webfonts laten ons, elk op hun eigen manier, sinds kort toe om andere fonts te gebruiken.

Nu heeft Fonts.com dus ook het licht gezien en een (slecht geïnformeerde) "Ab-Coach salesman" op pad gestuurd om de schaapjes in de webdesign-community te overtuigen van de "total awesomeness!" van Fonts.com webfonts… niet dus.

Tof dat fonts.com meedoet aan het hele web-typography gebeuren, maar de presentatie was weinig overtuigend.

8 - Smart Tips for Wireframing (Brad Haynes)

Sterke presentatie over de manier waarop Haynes wireframes bouwt. Afgedaan door mijn mede-conferentie-gangers als "oppervlakkig" en "te weinig technisch", maar dik ok bevonden door mezelf.

Haynes brengt één simpele boodschap. Er bestaat geen ideaal wireframe-proces of wireframe-tool. Elk project is anders, dus elke wireframe is anders. Soms volstaat het om je ideeën op papier uit te werken, soms werk je beter een gedetailleerde photoshop-wireframe uit met aandacht voor typografie en layout, nog een andere keer werk je gewoon beter je wireframe uit in HTML&CSS.

De bedoeling is dat jouw ideeën overgebracht worden naar de klant. That's it. Ander project, andere wireframe-methode.

Haynes laat zijn punt illustreren door Bruce Lee, die stelt dat “ The best style is no style at all”. Voila.

Drink!

Na de eerste dag conferencing was het richting pub voor pints met mijn nieuwe vrienden. Niet te lang blijven plakken is de boodschap, want dag 2 beloofde minstens even goed te zijn als dag 1.

Gorilla (M/V) gezocht

Tue, 04 May 2010 07:19:00 GMT

We zijn op zoek naar een M/V Gorilla om ons team te vervoegen.

We zijn een klein team dus we zoeken een multi-getalenteerde web-primaat. Ben jij een creatieveling met een gezonde kennis HTML/CSS? Dan hebben wij een plaats voor je in ons gedreven team. Diploma's zijn voor ons niet belangrijk, wel goesting en ambitie. Als jij gedreven bent om bij te leren dan bieden wij jou de ruimte om jezelf te ontwikkelen tot een echte interaction designer.

Jouw taken

Information Architecture. Je werkt structuurdocumenten uit (eerst op papier, later in HTML/CSS).
Design. Na goedkeuring van de structuurdocumenten werk je een killer-design uit. In photoshop of direct in HTML/CSS.
Slicen. Je bouwt HTML templates op met betekenisvolle HTML & cleane CSS.

Wat we zoeken in onze Gorilla-to-be

Je hebt een gezonde kennis HTML & CSS
Je hebt degelijke photoshop-skills
Je kent het verschil tussen serif & sans, en tussen roman & italic
Je wordt een beetje hitsig als we praten over HTML5, CSS3, Compass, Blueprint, …

Wat wij aanbieden

Losse sfeer
Je krijgt een nieuwe Macbook Pro
Klein team, dus je krijgt veel verantwoordelijkheid
Veel ruimte om bij te leren
De kennis en de wil om van jou een echte web-guru te maken

Solliciteren?

Stuur een mailtje naar info@gorilla-webdesign.be.

Stay in the loop; volg ons op Twitter

Tue, 16 Feb 2010 10:30:00 GMT

Vanmorgen waren een paar van onze websites eventjes onbereikbaar. Er was een probleem met 1 van onze database-servers, 15 minuutjes later was het probleem alweer opgelost.

Sinds kort kun je ons volgen op Twitter; wij zijn @Degorillas. We communiceren daar telkens wanneer er technische problemen zijn, of wanneer we nieuwe projecten lanceren.

Stagair(e) gezocht (designer/slicer)

Mon, 23 Nov 2009 10:25:00 GMT

We zoeken iemand die sterk is in XHTML/CSS programmatie en een gezonde (lees: obsessieve) interesse koestert in grafische vormgeving, typografie en het uitwerken van een optimale user experience. We hebben heel wat toffe projectjes lopen, dus je kan direct beginnen screens slicen van een web-app of website.

Project "Loft169"

Sat, 21 Nov 2009 14:59:00 GMT

Zoals vorige week onthuld verhuizen we binnenkort naar "de Openminds-loft" (gedoopt Loft169).

We gingen er vorige week nog eens langs en ik deed er een kleine fotosessie, in afwachting van de grote verhuis. Zoals je kan zien is de loft nog in volle verbouwing maar Openminds maakt er iets moois van, dat is duidelijk.

Bekijk foto's op flickr of teaser video van Openminds .

Gorilla verhuist naar de Openminds-loft

Thu, 05 Nov 2009 11:52:00 GMT

Het is altijd ons idee geweest om naar Gent te trekken en, in januari 2010 — nog 60 keer slapen — is het eindelijk zover: de mensen van Openminds kochten een prachtige loft en zijn die nu volledig aan het verbouwen tot een superstrakke web-werkplek. De Gorilla's werden uitgenodigd om bij Openminds in te trekken en die uitnodiging werd natuurlijk enthousiast aanvaard.

ArrrrCamp, ééndagsconferentie over Ruby, Rails, Radiant & Rum

Tue, 03 Nov 2009 10:41:00 GMT

Onlangs (16 oktober) vond de tweede editie plaats in de gebouwen van de Zebrastraat . Deze 2de editie werd opnieuw georganiseerd door Openminds & Gorilla en kon rekenen op 90 inschrijvingen. ArrrrCamp is een ééndagsconferentie die focust op Ruby, Ruby On Rails, Radiant CMS & Rum (arrrrrr!)

Breaking radio silence

Tue, 01 Sep 2009 01:10:00 GMT

Het is hier al een hele tijd akelig stil, maar nu konden we echt niet anders meer dan nog eens een blog postje schrijven... We zijn namelijk op de derde plaats geëindigd in de Rails Rumble!

De Rails Rumble is een internationale wedstrijd waarin kleine teams 48 uur de tijd krijgen om een volledige webapplicatie op te bouwen, in Ruby on Rails. Er mag op voorhand nog geen code geschreven worden, papieren schetsen en brainstorm-sessies zijn natuurlijk wèl toegestaan, zolang er maar old-skool notities bijgehouden worden (wat we dan ook deden).