VIRTUAL OFFICE CENTER

Short story.

Virtual Office Center is een bedrijf dat ondernemers in Nederland de mogelijkheid aanbiedt om een professioneel werkadres te gebruiken, anders dan hun eigen adres. Dat is vooral interessant voor mensen die vanuit huis werken. De website moet een informatierijk platform worden, waar nieuwe klanten verschillende pakketten kunnen bekijken, een offerte op kunnen vragen en meer informatie kunnen krijgen over Virtual Office Center.

YEAR

2018

CLIENT NAME

Virtual Office Center

ROLE

UI/UX, Web Design

VISIT LIVE WEBSITE

VIRTUAL OFFICE CENTER

Essential steps.

Ieder bedrijf heeft een unieke identiteit, wat vertaald moet worden in een visual identity. Een website is de manier om die visuele identiteit naar buiten te brengen. Voor ons de uitdaging om de unieke identiteit van Virtual Office Center door te pakken en weer te geven in een mooi modern en zakelijk ontwerp.

Color codes.

Het kleurgebruik voegt veel toe aan de visual identity van een bedrijf. We werken altijd met primary en secondary colors en letten daarbij altijd op contrast en evenwicht.Het diepe blauw komt prachtig tot z’n recht met de neutrale, zachte kleuren zwart, grijs en lichtgrijs.

BLUE

HEX: 3452FF

BLACK

HEX: 151618

GRAY

HEX: D9D9D9

LIGHT GRAY

HEX: F2F2F2

Fonts.

We werken vrijwel altijd met een hoofdfont (karaktervol) en een subfont (meer standaard en makkelijker leesbaar) en houden daarbij rekening met leesbaarheid, contrast, hiërarchie en persoonlijkheid.

Aa
LATO
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst
Aa
ROBOTO
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst

VIRTUAL OFFICE CENTER

How it's
done!

Geen woorden maar daden? We leggen je graag uit hoe ons team aan developers en designers te werk gingen.

Resarch

Ieder proces begint met een inspiratiesessie, waar we samen met de cliënt een mood board volhangen met voorbeelden van websites en stijlen die we mooi vinden.

Scrum framework.

Agile, all the way. Al onze werkzaamheden staan per project ingedeeld in één grote to-do lijst, de ‘backlog’. Deze splitsen we in categorieën en verwerken we in tijdsperioden van één, twee of vier weken. We hebben het dan over ‘sprints’. Het liefst bespreken we eens per maand de aankomende werkzaamheden, zo staat er nooit iemand voor verrassingen. Bijsturen en optimaliseren worden natuurlijke processen die dagelijks bij de stand-ups besproken en doorgevoerd worden.


VIRTUAL OFFICE CENTER

Development.

We stonden voor de uitdaging om een website te maken dat eigenlijk moet dienen als een commercieel visitekaartje. Een website waar bezoekers gemakkelijk in contact kunnen komen met het bedrijf, gelijk kunnen zien wat de service inhoudt en informatie kunnen vinden over de verschillende pakketten.

Mobile.

Wereldwijd gaat meer dan de helft van al het digitaal verkeer via mobiele apparaten. Je kan er eigenlijk niet omheen: websites moeten net zo goed (of zelfs beter) functioneren op een smartphone of tablet. Een responsive website heeft een vloeiende en flexibele lay-out die zich moeiteloos aan schermgrootte aanpast. Iedere website die we maken moet responsive en toegankelijk zijn voor ieder device.

Element.

Visueel en easy to read in een compact formaat.
.main-header, .menu-wrapper, footer {
  display: none;
}
Element.

Klikbare elementen, zoals hier in het tab-menu, worden opvallend blauw wanneer je ze selecteert.
.voc-homepage-locations-third-column-text
.nectar-button.small.accent-color.regular-button {
  border: 3px solid #3452FF;
}
Desktop.

Special effects spelen op desktop een grotere rol dan op mobile. We konden spelen met visuele en tekstuele effecten: zo ‘glijdt’ de tekst over de afbeelding op de homepage wanneer je scrollt.

Element.

Een modern en zakelijk design om een zo breed mogelijk professioneel publiek aan te spreken.

Element.

Er is veel gewerkt met witruimtes, om zo de call-to-actions beter naar voren te laten komen.

Element.

Er is veel ruimte gemaakt voor reviews. Die geven de geloofwaardigheid van het bedrijf een boost, waardoor mensen meer geneigd zijn om een virtual office pakket aan te schaffen.