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
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.
Content is voor de meeste websites misschien wel het belangrijkste onderdeel, dus de manier waarop dat overgedragen of getoond wordt, is heel belangrijk. Wij werken altijd met een hoofdfont (veel karakter) en een subfont (meer standaard en makkelijk leesbaar). Leesbaarheid, contrast, hiërarchie en persoonlijkheid zijn belangrijke waardes waar we altijd rekening mee houden.
Aa
L A T O
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst
Aa
R O B O T O
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.
Research.
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 vindt meer dan de helft van al het online verkeer plaats via mobile devices. 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.
.iwithtext {
line-height: 25px;
font-size: 14px;
}
Element.
Klikbare elementen, zoals hier in het tab-menu, worden opvallend blauw wanneer je ze selecteert.
body .tabbed div {
padding: 0px;
margin-bottom: 0px;
background-color: transparent;
}
Desktop view.
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 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.
Element.
Op de homepage zie je de highlights van alle elementen op de website: producten, klanten, business cases, blogs en contactformulieren.
