Vacature: Ben jij een all-round webdeveloper met werklust en ambitie?

gepost op Dinsdag 06 juli 2010 door Lieven

Kom werken bij Webatvantage, een jong webdesign bedrijf uit regio Gent, en word deel van een enthousiast team.

Skills:

• Je hebt een uitstekende kennis van (x)html en css. Webstandaarden zijn jouw dada!
• Je hebt een goede kennis van javascript (jQuery, ...).
• Je spreekt vloeiend PHP en MySQL.
• Je hebt een passie voor alles wat webdesign gerelateerd is en blijft graag op de hoogte van de nieuwste technologieën en trends.
• Je kan creatief en probleemoplossend denken.
• Je hebt een creatieve en open geest.

Verras ons met je pluspunten (kennis van grafische programma's, ...).

Wij bieden:

• een leuke werkomgeving binnen een jong en groeiend team
• een goede verloning met extra legale voordelen
• voltijds en afwisselend werk
• en last but not least: tafelvoetbal en tafeltennis tijdens de ontspanningstijd 

Je CV met bijgevoegd portfolio mag je doorsturen naar Lieven Van Mullem - lieven@webatvantage.be.

jQuery Quicksand

gepost op Donderdag 24 juni 2010 door Inge

Hier bij Webatvantage werken we graag met jQuery voor het verzorgen van animaties op een website.
Een jQuery applicatie kan net dat ietsje extra toevoegen aan webdesign. Het oogt mooi en zorgt doorgaans voor een verhoogde functionaliteit (en dus gebruiksvriendelijkheid) van een website. jQuery plugins waar we vaak mee werken zijn:

• FancyBox (Bekijk een voorbeeld op de website van Rogge Juweliers.)
  FancyBox is een hulpmiddel voor het weergeven van afbeeldingen, html-inhoud en multi-media in een Mac-stijl 'lightbox' dat verschijnt over de inhoud van je website.
• jSuggest (Bekijk een voorbeeld op de website van Interza.)
  jSuggest is een geadvanceerde auto-complete functie voor een input field.
• Nivo Slider (Bekijk een voorbeeld op de website van Bovo Zwembaden.)
  Nivo Slider is een coole image slideshow met vorige en volgende buttons en met meerdere knappe transitiemogelijkheden.
• jCarousel Lite (Bekijk een voorbeeld op de website van Dama.)
  jCarousel Lite is een afbeeldingen carousel. Voor tekst én afbeeldingen gebruik ik meestal de jFlow slider.
• Lazy Load (Bekijk een voorbeeld op onze portfolio pagina.)
  Met deze plugin worden afbeeldingen pas gedownload wanneer je er naar scrollt. De pagina zal sneller laden omdat de foto's die nog niet zichtbaar zijn niet worden gedownload.

Voor de webshop van Scarpo, een winkel die gespecialiseerd is in de verkoop van allerhande lederwaren, ben ik eens gaan spelen met het relatief recent ontwikkelde Quicksand script.

Functionality meets beauty!

Quicksand filtert en ordent items met mooie shuffelende bewegingen. Op de webshop van Scarpo kun je zoeken op merk of artikel. De integratie van de Quicksand applicatie zorgt ervoor dat je de producten in de desbetreffende categorie dan ook nog eens kunt filteren op de rubrieken dames, heren, uniseks, topper en nieuw. Ook kun je de producten gaan rangschikken op naam en prijs.

Kortom kan de bezoeker van de webshop zo gemakkelijk zelf bepalen welke content hij te zien krijgt.

Credits gaan naar Jacek Galanciak alias Razorjack.
Neem een kijkje op de webshop van Scarpo voor een voorbeeld van de Quicksand applicatie.
Meer informatie over Quicksand en enkele demo's vind je hierzo.

Ons CMS wordt tot Mendeleev (Mendelejev) gedoopt

gepost op Donderdag 29 april 2010 door Lieven

Omdat CMS (Content Management System) een woord is dat niet echt bekt en je een kind altijd best een naam geeft, hebben we besloten om versie 4.0 van ons CMS te dopen met de naam Mendeleev.

Waarom Mendeleev?

Sinds mijn opleiding tot Industrieel Ingenieur Chemie aan het KAHO Sint-Lieven, heb ik voorlopig niks gedaan dat verband houdt met Chemie. Dus tijd om hier eindelijk eens iets aan te doen.

Alle pc's in ons netwerk hebben de naam van een wetenschapper (Faraday, Bohr, Mendeleev, Euclides, Vesalius, Murphy, Einstein ...) of een kunstenaar (Renoir, Monet, ...).
Dmitri Ivanovitsj Mendeleev was een Russisch scheikundige die als de grondlegger van het huidige periodiek systeem wordt gezien. Het periodiek systeem (ook de tabel van Mendeleev genoemd) is een tabel met daarin een systematische weergave van alle scheikundige elementen (atomen), de bouwstenen van zowat alles in ons leven. 

Dit verhaal kunnen we doortrekken naar ons CMS, dit is opgebouwd uit verschillende modules, die de bouwstenen van uw website worden. Zo kan u als klant alle content van uw website zelf beheren. Want anno 2010 is Content immers King en Mendeleev de ideale tool om deze te beheren!

Hebt u nood aan bouwstenen, kom dan gerust eens langs voor een demo. Dan kijken we samen even, wat we u kunnen aanbieden uit onze bouwdoos, aangevuld met eventueel maatwerk.

Aangezien Mendeleev op nogal wat verschillende manieren wordt geschreven, hebben we een reeks domeinnamen vastgelegd: www.mendeleev.be, www.mendeleef.be, www.mendelejev.be en www.mendeleyev.be. Als agent van DNS.be en EURid.eu zitten we immers aan de bron.

Webdesign

gepost op Donderdag 04 maart 2010 door Inge

Bij het bepalen van een look van een website, hou ik rekening met twee zaken: het bestaande of gewenste imago van het bedrijf of de organisatie waarvoor we een website gaan bouwen alsook de doelgroep van dit bedrijf of deze organisatie.

De mood van een website

Belangrijk vooraleer aan het ontwerpen te slaan, is de bepaling van de verschillende elementen die moeten komen op de website. In samenspraak met de klant komt deze informatie-architectuur tot stand. Mijn job als webdesigner is om de prioriteit van deze elementen te gaan interpreteren.
Hoeveel ruimte ik besteed aan een element en de plaatsing ervan in het ontwerp, zijn dingen waarover ik ga nadenken vooraleer ik begin aan het grafische proces.

Eénmaal de plaatsing van de elementen bepaald is, ga ik op zoek naar de juiste 'sfeer' voor de website. Soms vind ik die quasi meteen en soms loop ik er n eindje mee rond. Eén van de fijnste momenten tijdens mijn job als webdesigner is wanneer ik het gevoel heb dat ik de juiste 'mood' gevonden heb voor een website.
De sfeer van een website wordt mede bepaald door het gebruik van kleuren, witruimte, cleane of dirty elementen, typografie, keuze van foto's, strak of rond, ...

Enkele voorbeelden

• Groene Appel
  Dat de naam van dit bedrijf dat gezonde ventilatiesystemen verkoopt Groene Appel is, is goed gekozen. Het belangrijkste key-word in de imago-beschrijving van dit bedrijfje is: gezond! En wat is er gezonder dan een appel? Het oproepen van de kleur groen, legt nogmaals de klemtoon op het gezonde aspect van de diensten van dit bedrijfje. Bij het design van deze website heb ik gebruik gemaakt van veel witruimte zodat de bezoeker van de site een gevoel van rust krijgt. Er is er een duidelijke startnavigatie waarbij meteen duidelijk wordt gemaakt dat er op drie doelgroepen gemikt wordt.
• VSDC
  Het Vlaams Studie- en Documentatiecentrum voor vzw's heeft als hoofddoel de belangen van de not-for-profit-sector in Vlaanderen op zich te nemen en te verdedigen. De informatie op deze website moet gemakkelijk te vinden zijn en er moeten niet veel doekjes om gewonden worden. Een clean en overzichtelijk design is het resultaat.
• Guppies
  Guppies is een nieuwe winkel die coole kinderkledij verkoopt. De sfeer die ik met deze site wou oproepen is er één waarbij je denkt aan de zorgeloze nonchalence die kinderen eigen is.
• Patyntje
  Het Genste restaurant 't Patyntje huist in een prachtige art-décovilla. Het strakke art-déco-gevoel heb ik subtiel getracht weer te geven in het webdesign. De grote foto's geven onmiddellijk een beeld van het restaurant.
• Sunglass Company
  Dit is een ontwerp voor een aan zee gelegen trendy zonnebrilshop. Voor het ontwerp van Sunglass Company heb ik gekozen voor een hip minimalistisch design. Het geel staat voor de zon, jawel :-)

Inspiratie is kijken en opnemen

Inspiratie kan je opdoen via de vormgeving van een andere website, de lay-out in een magazine, dingen die je ziet in het dagdagelijkse leven, kunstboeken, ...
Om evidente redenen ga ik van start met het ontwerp van de homepage. Vaak zijn de elementen op deze pagina een verzameling van alles wat op de website terug te vinden is. De bedoeling van een beginpagina van een website is om aan de bezoeker heel vlug en overzichtelijk aan te geven, wat de website voor hem of haar te bieden heeft.
Naast de bepaling van een sfeer van een website is het belangrijk alle elementen stuk voor stuk te integreren in deze mood en deze grafisch goed uit te werken.
Een grote hulp bij het ontwerpen van deze elementen voor een website zijn user interface gallerys zoals daar zijn Pattern Tap, UI Patterns, ...

De grootste evolutie die ik bij mijn ontwerpen zie, is dat ik de verschillende elementen grafisch beter ben beginnen uitwerken. Vroeger ging mijn aandacht vooral naar de grote elementen op een website zoals de navigatie, de header en de footer. Meer en meer probeer ik ook de kleine elementen op een website de aandacht te geven die ze verdienen.

Na de grafische uitwerking van een home pagina, stuur ik deze samen met wat duiding door naar de klant. Wanneer ik dan van de klant een 'Go' krijg, begin ik met de uitwerking van de andere pagina's.

Mooie verpakking

Een mooie website zorgt ervoor dat de surfer langer zal blijven hangen. Uw wederhelft zou uw wederhelft niet zijn, moest ze niet zo knap zijn zoals ze dat is. Maar uiteraard is de inhoud van een website hét belangrijkst. Moest uw lief nooit iets boeiends te melden hebben ...