Macaw ontwerpt website Mitex Academie

De mode-, schoenen- en sportbranche is volop aan het professionaliseren en scholing is daarbij van essentieel belang. Het aanbod van opleidingen en trainingen voor werkgevers en werknemers in de branche is divers en een totaaloverzicht ontbreekt.

De case

Mitex maakt zich als brancheorganisatie sterk voor de belangen van de leden (ondernemers) in de mode-, schoenen- en sportbranche. Mitex vertegenwoordigt 4.500 ondernemers met ruim 13.000 winkels en is hiermee de grootste brancheorganisatie in de detailhandel. Een van de doelstellingen van Mitex is meer professionals in de branche werkzaam te krijgen. Dit moet leiden tot rendementsverbetering bij de bedrijven. Hiertoe is, in samenwerking met Detex en TMO, de Mitex Academy opgezet. De Mitex Academy biedt zittende ondernemers, toekomstige ondernemers en leidinggevenden in de branche de kans om zich bij te scholen. Mitex wil hiermee benadrukken dat werkgevers beseffen dat het volgen van opleidingen en trainingen voor hen en voor medewerkers goed is en dat het een middel is om medewerkers te binden. Hiertoe is de campagne “Dress your brains” opgezet en aan Macaw is gevraagd hiervoor een website te ontwerpen en ontwikkelen om de campagne te promoten en leden de inzicht te geven in wat de Mitex Academy te bieden heeft.

Uitgangspunten voor de website waren:

• Gebruikers direct inzicht te geven in wat de opleiding te bieden heeft door de informatie direct toegankelijk te maken
• Gebruikers moeten zich in ieder geval op twee manieren kunnen aanmelden: Via open trainingen (per persoon direct aanmelden) of via In-Company (groepstrainingen binnen bedrijf op aan vraag)
• Gebruik maken van de look-and-feel Campagne “Dress your Brains”, een concept dat al gebruikt werd in communicatie- en in printuitingen
• Het Mitex Academy Design moet goed aansluiten bij de Mitex Branding.

De oplossing

Voordat er werd begonnen met het visual design is als eerste een interactie model gemaakt in de vorm van een zogenaamd wireframe (draadmodel). Hierin zijn alle functionele blokken benoemd. Op deze manier kan er al in een vroeg stadium met Mitex worden gecommuniceerd of alle functionele eisen aanwezig zijn op de homepage. Bovendien is Mitex in deze fase niet afgeleid door visuele elementen zoals kleuren en visuals.
Nadat alle functionele eisen in kaart zijn gebracht en geaccordeerd, is er begonnen met de eerste visuele uitwerkingen (zie afbeelding hieronder). De website is op basis van de Web Content Management (WCM) functionaliteit van Microsoft Office SharePoint Server 2007 (MOSS2007) opgezet.

De aanpak

Eerste voorstel:
In het eerste ontwerp is gekozen voor veel wit ruimte, wat zorgt voor rust en overzicht. De accent kleuren (Mitex branding kleuren) worden hier alleen gebruikt voor de hoofddoelen (de opleidingscategorieën) van de website zodat het oog van de eindgebruiker hier direct naar gestuurd wordt. De eindgebruiker kan hier  doorklikken naar de gewenste opleiding. Door de introductie tekst van de campagne naast de categorieën te plaatsen, bevordert dit de natuurlijke leesrichting van de bezoeker. Overige informatie zoals onder andere subsidiemogelijkheden en In-Company trainingen is als aparte content geplaatst. Dit geldt ook voor de nieuwsartikelen en banners. Door de lay-out (navigatie) op deze manier in te delen ontstaat er een gericht gestuurde leesvolgorde. In de header en footer zijn hyperlinks geplaatst die op alle pagina’s zichtbaar blijven zoals onder andere: contact, In-Company trainingen, Subsidies en Studie voorwaarden.

Tweede voorstel:
In het tweede voorstel hebben we de nadruk op het visueel prikkelen van de bezoeker gelegd door meer gebruik te maken van de Mitex kleuren. De blokken met de opleidingsmogelijkheden springen nu direct in het oog en in het gele blok krijgt de campagne een prominente plaats. Door met de muis over de opleidingscategorieën te gaan, wordt het trainingsaanbod in het middenblok getoond. De bezoeker krijgt hiermee snel een overzicht wat de mogelijkheden zijn. Hoewel niet zichtbaar in het screenshot zorgt een subtiel patroon in de grijze achtergrond voor een speelse knipoog naar de mode. Het terug laten komen van de Mitex branding kleuren in de footer zorgt voor een duidelijke link met Mitex en voor een evenwichtige balans tussen de content en categorie blokken. In de header en footer zijn hyperlinks geplaatst die op alle pagina’s zichtbaar blijven zoals onder andere; contact, In-Company trainingen, Subsidies en Studie voorwaarden.

Het resultaat

Uiteindelijk is ervoor gekozen om verder te gaan met voorstel 2. Door aparte iconen te ontwikkelen voor de opleidingscategorieën worden deze nog overzichtelijker. Het beeld van de campagne komt nu alleen terug in het (gele) intro vlak. Wanneer de campagne ten einde is kan de Mitex Academy hier andere content in plaatsen.

Eindvoorstel:

Als de bezoeker met muis over één van de opleidingscategorieën gaat,
wordt het middenblok vervangen en wordt het trainingsaanbod in die categorie getoond.

Op dit moment (augustus 2008) is de eerste fase van het project afgerond, zie http://www.mitexacademie.nl