StartDock is een co-working space in Amsterdam, en richt zich voornamelijk op startups en entrepreneurs. Die doelgroep is heel mobiel georiënteerd, dus moest de website 100% responsive worden. StartDock wilde een website waar potentiële klanten informatie op kunnen zoeken en makkelijk contact op kunnen nemen voor een afspraak.
YEAR
2018
CLIENT NAME
StartDock
ROLE
UI/UX, Web Design
STARTDOCK
Essential elements.
Ieder bedrijf heeft een uniek gezicht, een visual identity. Voor StartDock lag de huisstijl klaar en aan de hand daarvan ontwierpen we een design dat naadloos aansloot op hun unieke identiteit.
Color codes.
Kleuren zeggen heel veel over de identiteit van een bedrijf. Het is heel belangrijk om de huisstijl door te trekken in alle uitingen van een bedrijf. We werken altijd met primary (geel) en secondary colors (zwart, wit en grijs) en letten bij het combineren altijd op contrast en evenwicht.
YELLOW
HEX: FFC42E
BLACK
HEX: 151618
GRAY
HEX: E6E6E6
LIGHT GRAY
HEX: F8F8F8
Fonts.
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
M O N T S E R R A T
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst
Aa
P O P P I NS
ABCDEFGHIJKLMNOPGRST
abcdefghijklmnopqrst
STARTDOCK
Our methods.
Geen woorden maar daden? We leggen je graag uit hoe ons team aan developers en designers te werk gingen.
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.
STARTDOCK
How it looks.
Wij stonden voor de uitdaging om een snelle, visuele en responsive website te maken waarbij de huisstijl van StartDock centraal stond. Vanuit commercieel perspectief met het oog op de groei van het bedrijf. Zo is er in de zoekbalk een element toegevoegd waardoor je makkelijk locaties toe kunt voegen.
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
Een compact ‘hamburger-menu’, die in- en uitvouwt en waarmee je gemakkelijk door de website kunt navigeren.
.textual-carousel .tmb > p > small{
display: none !important;
}
Element.
Waar dan ook, op ieder moment van de dag kunnen bezoekers moeiteloos en binnen no time een vergaderruimte reserveren.
.form-container-right {
width: 50%;
}
@media screen and (max-width: 991px) {
.new-contact-form .form-container-right {
width: 100%;
}
}
Desktop view.
In de desktop view komt de huisstijl nog meer naar voren. Een professionele, frisse website, die vooral jonge ondernemers aan moet spreken
Element.
Over de hele website zijn veel call-to-action buttons te vinden, die ervoor moeten zorgen dat bezoekers snel en moeiteloos met iemand van het bedrijf in contact kan komen.
Element.
Er is ook een review-element toegevoegd. Vanuit commercieel oogpunt zijn mensen meer geneigd om een product of dienst aan te schaffen als die wordt aangeraden door anderen.