Een weblog over webdesign & internet

45 corporate webdesigns in de technische sector

Internetondernemer David Pitlyuk geeft in het artikel 'The 45 Best Tech Sector Corporate Web Designs: H-O' een overzicht van corporate webdesigns in de technische sector. Dit keer met bedrijven beginnend met de letters H t/m O. In deel 1 zijn de letter A t/m G te vinden.

De lijstjes zijn niet alleen een mooie verzameling van corporate websites, ze geven ook vooral een mooi beeld van de trends en veelgebruikte design elementen bij websites binnen de technische sector. Wat daarbij direct opvalt is dat er een duidelijke standaard blijkt te zijn. Op zich niets nieuws, want deze websites kom je dagelijks tegen, maar toch word je nu wel even heel goed met de neus op de feiten gedrukt. Hier enkele links die dit goed illustreren en bovendien favoriet zijn qua design bij mij: Iona, Merge, Insightful Software, Actuate, Intel, 3com en Adobe.

Het is duidelijk. De corporate website homepage van voor uw tech bedrijf moet er als volgt uit zien:

- het logo is opgemaakt met een strak lettertype en bevat een simpel beeldmerk en staat bovendien altijd linksboven in de website;

- de website is 800 pixels breed;

- de website heeft een lichte (bij voorkeur witte) achtergrond;

- rechtsboven worden de zoekbox en enkele kleine linkjes geplaatst, zoals contact en support;

- de hoofdnavigatie staat hoe dan ook in een horizontale balk onder het logo en bevat bij voorkeur een uitklapbare subnavigatie per onderdeel;

- direct onder de hoofdnavigatie staat een 250 pixels hoge header met een afbeelding en daarin in een wat groter lettertype een korte payoff voor het product of dienst van het bedrijf en ook een deeplink om daar direct meer over te lezen of leren;

- daar weer onder als het even kan 3 kolommen met blokken die deeplinks bevatten naar relevante onderdelen binnen de website. Dit zijn doorgaans: produkten, 'solutions', aankondigingen, evenementen of nieuws;

- daaronder de footer. Hierin staan in kleine letters de sitemap, terms & conditions en privacy statement. Let erop dat ze buiten het kader van de website zelf vallen of dat er, als er geen kader is: dat er een lichtgrijs streepje boven staat. Daarnaast is het belangrijk om de linkjes te scheiden door middel van een | (horizontaal streepje).

Bij de vervolgpagina's blijft er links of rechts een kolom staan en is de rest voor content. De header is verdwenen en er is een subtiele breadcrumb aanwezig bovenin het content-gedeelte.

Ik kijk uit naar het laatste deel in deze serie!