Progress Communications
Progress Communications (PC) is een PR Communicatie bureau met vestigingen in Amsterdam en Antwerpen. Zij richten zich voornamelijk op B2B en B2C bedrijven in de ICT- en consumentenelektronica binnen de Benelux. Bedrijven waarvoor zij werken zijn o.a. Microsoft, Sonos, Mollie en Verizon Connect.
Zij hebben ons gevraagd een concept voor de nieuwe website te ontwikkelen op basis van de bestaande huisstijl. De bouw van de website wordt gedaan door een vaste partner van Progress Communications.
Grote bezwaren die ze hebben m.b.t. de huidige website is dat het qua navigatiestructuur erg onoverzichtelijk is. Vooral de sfeer van het bureau komt niet naar boven (fun, get the shit done). Met name het thema ‘Progress’ moet meer aandacht krijgen: wanneer de website bezocht wordt moeten vooral de mensen en het thema naar voren komen.
Aan de slag
Wij hebben PC een plan van aanpak gepresenteerd waarbij een nauwe samenwerking centraal staat en we de klant meenemen in het ontwerpproces. Onze visie daarbij is dat communicatie alleen werkt wanneer het consequent en continu wordt uitgevoerd. Op deze manier wordt er voortdurend gebouwd aan bekendheid, en belangrijker nog, vertrouwen.
Onze aanpak bestaat uit drie fasen:
1 – Visueel concept
2 – Design system en visueel prototype
3 – Aanlevering en begeleiding webbureau
Conceptualiseren
Visueel concept
In deze fase hebben we, met de huisstijl als uitgangspunt, vooral gekeken naar wat er met de verschillende kleuren gedaan kan worden, hoe we de typografie kunnen toepassen en wat voor type beeldmateriaal binnen de site gebruikt gaat worden. Het resultaat hiervan is een aantal moodboards met denkrichtingen / opties en designkeuzes waarin deze verschillende elementen belicht worden. Dit moodboard is uitvoerig aan de betrokkenen van PC toegelicht en met hen besproken.
Ontwerpen
Design system en visueel prototype
Vervolgens hebben we dit moodboard verder uitgewerkt op basis van de feedback van de klant en omgezet naar een eerste designvoorstel voor de website. Een combinatie van de verschillende visuele elementen (kleurpalet, typografie, vlakverdeling, interactieve elementen etc.) zijn in een eerste versie van het design system vastgelegd. Hiermee wordt de specifieke look & feel voor de website van Progress Communications vastgelegd. Een belangrijke rol hierbij is weggelegd voor de letter ‘o’ uit het logo. Deze vorm is gebruikt als verbindend beeldelement door het als outline in de achtergrond van een pagina te verwerken. Maar ook als kaderelement om afbeeldingen in te tonen. Door het gecontroleerd toepassen van dit element ontstaat er een organisch en speels design dat goed de kernwaarden van Progress Communications uitdraagt.
Opleveren
Aanlevering en begeleiding webbureau
Tot slot is het design verder uitgewerkt voor de homepage en, een van de belangrijkste delen van de site, een tweetal cases en de teams pagina. Niet alleen voor desktopafmetingen, maar ook voor tablet en mobiel. Tevens is het designsystem uitgewerkt, zodat de webbouwer voldoende aanknopingspunten heeft om de site daadwerkelijk te kunnen bouwen. Uiteraard is in deze fase ook de webbouwer betrokken om erop toe te zien dat wat ontworpen wordt ook daadwerkelijk gemaakt kan worden.