Gassan
Gassan diamonds

Digitalisering van een familiebedrijf

webshop

De opdracht

Gassan Diamonds is al bijna zeventig jaar een begrip op het gebied van diamanten en juwelen. Met winkels van Londen tot Singapore is het oorspronkelijk Amsterdamse bedrijf inmiddels een internationale speler. Om mee te kunnen met de moderne tijd wilde Gassan Diamonds nog een belangrijke stap maken: de stap naar de online wereld.

De uitdaging

Wanneer Gassan Diamonds een nieuwe winkel opent, weten ze precies wat er moet gebeuren. De beste locaties, een smaakvolle inrichting en een onovertroffen service: zo doen ze dat al decennia. Maar hoe breng je een sterk offline merk naar de online wereld? Bij Atabix zijn we dol op zulke projecten. ‘Samen online ondernemen’ noemen we dat.

De belangrijkste wens van Gassan is ons snel duidelijk: er moet een internationaal toegankelijke webshop komen waarbij maatwerk en service voorop staan. Kortom: de digitale bezoeker moet een vergelijkbare ervaring hebben als klanten in reguliere Gassan-winkels. Dat is ons beginpunt.

Gassan family portrait
Gassan diamond cutter at work
Gassan headquarter

Het online plan

Online ondernemen is meer dan simpelweg een webshop bouwen. Het is een wereld op zich. In ons online plan komen alle dimensies van die wereld aan bod.

Welk bureau is betrouwbaar als het gaat om online betalen? En bij welke firma ben je er zeker van dat een digitaal besteld sieraad op tijd en in goede staat wordt bezorgd? Uit ervaring weten we met wie je goed kunt samenwerken en wat het mag kosten.

Maar we gaan verder dan dat. In ons plan buigen we ons over het gebruik van nieuwsbrieven, hoe de website onderhouden moet worden en welke kortingsacties op het web goed werken. We willen de webshop koppelen aan bestaande voorraadsystemen, zodat bestelde producten zo snel mogelijk geleverd kunnen worden. Niet eenvoudig, wel essentieel.

Het complexe systeem dat ten grondslag

ligt aan de nieuwe Gassan webshop.

Responsive vanaf de start

Een website bezoeken gebeurt al lang niet meer alleen via de computer. Tablets en telefoons worden steeds meer gebruikt. Wij houden daar rekening mee met behulp van responsive design. Bezoek je gassan.com vanaf een iPad of iPhone? Dan verschijnt de website automatisch in een gebruiksvriendelijke en visueel aantrekkelijke vorm. En natuurlijk blijft het ook via de mobiele apparaten mogelijk om gemakkelijk te winkelen.

Goud, serifs en nog meer goud

Als de frameworks (de bouwtekeningen) van de website vaststaan, gaat de ontwerper aan de slag. Voor hem draait alles om de juiste flow: bezoekers moeten met het grootste gemak door de website kunnen navigeren.

Het blijft echter niet bij uiterlijk vertoon. Zo moet het in de webshop van Gassan mogelijk zijn een eigen diamant te ontwerpen en is er een functie waarmee de klant de eigen ringmaat kan checken. De achterliggende technische processen zijn weliswaar ingewikkeld, de klant mag daar geen enkele last van hebben. En dus laat de designer ook deze features op een logische en elegante manier samengaan met de rest van de vormgeving.

Gassan design style
Gassan design style

Custom koppelingen

Wij leveren maatwerk en dus zijn de online mogelijkheden nagenoeg eindeloos. Voor Gassan besloten we de bestaande (en vaak verouderde) voorraadsystemen aan de nieuwe webomgeving te koppelen. Hierdoor krijgt de bezoeker van de webshop direct te zien of het gewenste product voor handen is, hoelang het duurt voordat het bezorgd wordt en of hetzelfde merk ook nog andere ringen of horloges aanbiedt. Tegelijkertijd meldt het de medewerkers van Gassan automatisch welke diamanten en juwelen zijn besteld en in hoeverre de voorraad bijgevuld dient te worden.

Voor deze technische koppeling is een ingewikkelde digitale brug nodig. Gelukkig hebben wij bij Atabix programmeurs rondlopen die dit soort klusjes graag opknappen. “Je kunt programmeren vergelijken met het leren van een nieuwe taal”, legt programmeur Daan uit. “Wie de taal van een nieuw systeem niet begrijpt, herkent nog wel de letters waarmee het is geschreven. Met genoeg verdieping kun je elk nieuw systeem leren beheersen en naar je hand zetten.”

Het resultaat

Gassan desktop homepage
De homepagina op desktop.
Gassan desktop product page
Een productpagina.
Gassan mobile homepage and menu
De mobiele weergave.

Alle features op een rij.

Design

  • Huidige (offline) huisstijl doorvertaald

Front-end

  • Volledig responsive
  • HTML5
  • SCSS
  • Jquery

Back-end

  • Levering vanuit wereldwijde vestigingen
  • Koppeling van verschillende betaalmethodes
  • Externe database-koppelingen
  • Custom check-out via Adyen
  • Meer dan 10.000 producten
bekijk het live:
gassan.com
bekijk alle details:
download case file