HKliving.

The warm rays of the sun kissing your skin, the smell of freshly cut grass and the gentle buzz of nature. We can’t ignore it any longer, summer is here. 

HKliving.com casus

Realisatie nieuwe website met B2B functionaliteiten.

HKliving is een internationale speler op het gebied van interieur, dit vraagt om een gebruiksvriendelijke B2B omgeving waar dealers gemakkelijk kunnen vinden en bestellen wat zij nodig hebben. Wij realiseerden de nieuwe website met B2B functionaliteiten.

Inloggen.

Er zijn meer functionaliteiten toegevoegd om de gebruikerservaring te verbeteren. Dit heeft geleid tot de ontwikkeling van een overzichtelijkere ‘Mijn Omgeving’, waar belangrijke informatie snel en overzichtelijk kan worden teruggevonden. Dealers kunnen hier altijd hun orderoverzicht, facturen en persoonlijke adreslijst vinden.

Data synchronisatie.

De producten, klanten en orders worden near real-time gesynchroniseerd met Exact. Hiervoor maken we gebruik van onze middleware-oplossing, e-tradeconnect.com, wat resulteert in een geoptimaliseerde backoffice workflow. Wijzigingen in producten / klanten in Exact zoals voorraadwijzigingen, meldingen van uitverkochte producten en prijsgroepen, worden direct door de website overgenomen. Orders worden vrijwel direct teruggestuurd naar Exact, zodat een directe verweking mogelijk wordt.

Mijn omgeving - Pressroom - Storelocator

Blob storage!

De site van HKliving wordt gehost bij Microsoft Azure waar wij gebruik maken van blob storage. Een vorm van cloudopslag die is ontworpen voor ongestructureerde gegevens. Het maakt gebruik van datalakes, niet-hiërarchische opslaggebieden, om massa’s binaire gegevens, blobs genoemd, op te slaan. In tegenstelling tot gestructureerde gegevens voldoen blobs niet aan een specifiek bestandsformaat. Zo kan het snel verwerkt worden zonder gestructureerd te hoeven worden.

Deze manier van data verwerken en opslaan is erg efficiënt voor het opslaan van media, grote bestandback-ups en databestanden. In dit geval gebruiken we het overigens voor alle type gegevens, inclusief bestanden die normaal gesproken in een meer gestructureerde en hiërarchische database worden opgeslagen, zo staat alles op een centrale plek en kan data ontzettend snel aangesproken worden.

Load balancer.

Om de website ongeacht het verkeer altijd zo optimaal mogelijk te laten functioneren maken we gebruik van een load balancer om het verkeer beter te kunnen bedienen zodra de website overbelast raakt. Dit is een dynamisch systeem dat geheel op eigen kracht meerdere instances van de website aanmaakt om het verkeer op de website goed te verwerken.

Je kan het vergelijken met een supermarkt met meerdere kassa’s. Wordt het druk en wil je de wachttijden verkorten, dan open je meerde kassa’s . Zo blijft de doorstroom gegerandeerd. En wordt het weer rustiger? Dan sluit je gewoon weer wat kassa’s 🙂

Technisch ontwerp - HKliving.com
Technisch ontwerp - HKliving.com

Indexering.

Om de website optimaal te laten presteren, worden de producten geïndexeerd. Umbraco maakt standaard gebruik van de razendsnelle Lucene-bibliotheek hiervoor. Het filteren, pagineren en zoeken op de website werken nauw samen met deze indexering.

Op deze manier kunnen de datasets van producten supersnel worden opgezocht op basis van de geselecteerde filteropties, zonder dat er gebruik hoeft te worden gemaakt van een (relatief) trage database.

Deze snelle zoekfunctie is van groot belang voor een website zoals HKliving.com, die talloze producten en variaties biedt.

Zoekfunctie - HKliving

Storelocator.

Een overzichtelijke storelocator die een duidelijk onderscheid maakt tussen fysieke winkels en webshops. Als je op zoek bent naar fysieke winkels, worden deze automatisch gesorteerd op basis van jouw locatie. 

Pressroom.

Voor de pressroom hebben we een filter ontwikkeld waarmee de bezoeker eenvoudig en snel de gewenste producten kan selecteren in de presroom.

Ook kan men meerdere items selecteren en zo de media bestanden van meerdere artikelen in eenmaal downloaden in plaats van per item. Zo optimaliseren we de ervaring voor de gebruiker.

Hier kwamen meerdere diciplines samen. Concept & strategie, design  en development!

Vernieuwde website.

Handhaaf het design, maar optimaliseer waar nodig.

Met deze opdracht is de homepage vernieuwd tbv een betere ervaring en look and feel. Het horizontaal scrollen is teruggebracht naar de meer gangbare verticale scrol richting. Waarom? Het is simpelweg de betere oplossing gebaseerd op test-resultaten. Het overgrote deel van de gebruikers vindt horizontaal vervelend. Wederom de vraag, waarom? Dit heeft met verwachtingen te maken. Men verwacht niet verticaal te scrollen. En zoals met veel design elementen is het beter om te voldoen aan de verwachtingen van de eindgebruiker. Niet met altijd, maar wel vaak.

Komt bij dat wij voor het overgrote deel gewend van links naar rechts en van boven naar onder te lezen. Deze manier van scannen komt ook terug in websites. We scannen de site van links naar rechts en vervolgens naar beneden. Daarnaast helpt het verticaal scrollen ook met de leesbaarheid, te gebruiker bepaald zelf waar de tekst staat.

Als laatste, naast deze gebruiksvriendelijkheid uitdagingen is er ook de visuele uitdaging om de site op alle devices een look and feel te geven die overeeen komt.

HKliving website

Gestroomlijnd menu.

Het is altijd van groot belang om een duidelijke structuur in het menu te hebben, en voor een uitgebreide website zoals HKliving.com is het zelfs een absolute vereiste dat dit volledig geoptimaliseerd is. Dit vraagt om verschillende oplossingen voor zowel desktop als mobiele weergave, zonder de essentie van het menu uit het oog te verliezen.

Voor het mobiele menu hebben we ervoor gekozen om af te stappen van het gebruik van het hamburgermenu, en dit is niet zonder reden. Menu-items vormen een van de belangrijkste onderdelen van een website, en het verstoppen van deze belangrijke informatie achter een hamburgermenu is niet per definitie de beste oplossing. Als het mogelijk is om de menu-items permanent in beeld te hebben, profiteert de gebruiker hiervan. Dit resulteert in een gestroomlijnde ervaring waarin er minder van scherm gewisseld hoeft te worden.

Een andere weloverwogen keuze is om het menu onderaan te plaatsen. Met de toenemende grootte van mobiele apparaten wordt het steeds lastiger om met één duim de bovenkant van het scherm te bereiken zonder een extra hand te gebruiken. Door het menu onderaan te positioneren, wordt navigeren met 1 hand weer mogelijk. En dat is wel zo makkelijk!

Mobile menu - Mock-up

“Binnen een tijdsbestek van slechts 6 maanden, vanaf de eerste conceptuele besprekingen tot aan de livegang, hebben we samen onze website volledig opnieuw opgebouwd.

De doordachte aanpak van dit project heeft geleid tot een website waar we ontzettend blij mee zijn en die een stevig fundament biedt voor verdere groei. Door van tevoren de juiste structuur te bepalen en wekelijks overleg te voeren, konden we dit resultaat bereiken.

Bedankt voor de samenwerking en het geweldige werk!”

Roger de Gruiter & Lara Swanborn | HKliving

Meer recent werk.

NINE&Co

business integratie | software development | web development

Bij NINE&Co is een middlewareoplossing
(e-Tradeconnect) ingezet waarmee B2C, B2B en marketplaces kanalen zijn aangesloten. Dit  icm een management console dat alle datastromen bewaakt.

Norah

in-house integration solution

Bij Norah brachten wij een integrale oplossing tussen het ERP systeem XPRT (ACA-Navision) en Distrisort (automatische sorteeroplossing) door de VMC middleware oplossing in te zetten.

Rotaform

digitale strategie | webdesign | web development | software development | business integratie

Verschillende gebruikersgroepen, met daarbinnen meerdere type gebruikers (methodisch of juist competitief), vragen om een eigen benadering

Waarom is onze concrete vraag.

We worden graag gesprekspartner binnen het gehele ontwerpproces.