Sleepstreet: mijn eerste responsive ontwerp

In Ontwerpen zonder bladspiegel had ik het al over de boeiende tijden die het web momenteel doormaakt: in heel wat landen surfen nu al meer mensen via de gsm op het internet dan via een “vaste” computer. In bepaalde ontwikkelingslanden is een computer onbetaalbaar, maar zowat iedereen heeft er wel een gsm.

In de jaren die komen zal deze trend zich ongetwijfeld voortzetten. Ook in België komt er een dag dat op jouw website meer bezoek van mobiele gebruikers verwacht mag worden dan van de reguliere computergebruiker.

Dit vergt uiteraard een enorme aanpassing op het vlak van websiteontwerp: het scherm van iemand die met een smartphone jouw website bezoekt is zoveel keer kleiner dan het scherm van de computer die je misschien op je werk gebruikt. En tussenin zitten nog de tablets, iPads en god weet welk apparaat er morgen op de markt komt.

Daarenboven werken sommige apparaten met een aanraakscherm, terwijl andere computers uiteraard met een gewone muis of trackpad werken. Ook dat vergt aanpassingen aan het ontwerp.

Tijdens de Fronteers bijeenkomst van gisteren had gastspreker Vasilis van Gemert het over adaptief ontwerpen en responsive webdesign als antwoord op dat alles: één website die zich perfect aanpast aan de verschillende schermresoluties van elk apparaat. (In mijn vorige blogpost had ik het ook al over de uitdagingen die zo’n ontwerp met zich meebrengt.)

Ik was verheugd om te zien dat Vasilis heel even wat van mijn werk demonstreerde tijdens zijn presentatie. En vandaag schrijf ik eigenlijk dit artikeltje om het resultaat van mijn eerste responsive webdesign ook met jullie te delen: je vindt de Sleepstreet website bovenaan mijn portfoliopagina. Of je kan natuurlijk ook gewoon deze link volgen naar de Sleepstreet site.

Sleepstreet is dus volledig responsive opgebouwd. Neem gerust een kijkje op je smartphone of iPad. Of schaal je browservenster om te zien hoe de site reageert op andere schermgroottes. Er is nog wat werk voor mobiele niet-Safarisurfers, maar ‘t is toch ook voor hen al een stap voorwaarts.

Zelf zin in een responsive website design? Contacteer me gerust!

Categorieën: Ontwerp, Webomgeving,