Portfolio case: screenshots

  • Features:
  • custom theme Lightspeed eCom
  • custom checkout
  • FOMO notification (limited stock)
  • cart abandonment
  • upsell popup
  • e-mail notification (when "Back In Stock")
  • hreflang-tag extension

CelticWebmerchant.com is een speciaal-shop voor een zeer breed scala aan artikelen voor LARP, Cosplay, reenactment en festivals. Na enkele jaren was het tijd voor een wat overzichtelijker, rustiger look-and-feel, en daarnaast was snelheid en gebruiksgemak voor bezoekers een belangrijk criterium voor het nieuwe ontwerp dat we voor hen maakten. 

Ook de speciale functies die we in de loop der tijd hadden ingebouwd, moesten in het nieuwe ontwerp versterkt terugkomen, evenals een paar nieuwe. Zo hebben we bijvoorbeeld een eigen cart abandonment feature ingebouwd (waarbij de gebruiker niet ingelogd hoeft te zijn), een functie die de bezoeker de optie biedt om een mail toegestuurd te krijgen zodra een product weer op voorraad is, en een melding bij schaarste van een product. De bestaande "upsell"-popup is ook weer geïntegreerd in het geheel.

Op de categorie-pagina worden als extra functie de onderliggende categorieën getoond in een "slider", en daarnaast hebben we de cart en checkout op maat aangepast om het bestelproces nog verder te stroomlijnen: geen onnodige afleiding, overzicht in je bestellingen, een logische "flow" en opeenvolging van stappen om zo soepel mogelijk te kunnen afrekenen. 

De tekstpagina's kregen ook een opmaakjasje mee zodat alles consistent vormgegeven getoond wordt, wat een vertrouwenwekkend totaalbeeld geeft aan de webshop. En dat alles binnen een omgeving waarbij page speed voorop staat. Al met al een project waar we heel trots op zijn!

Hreflang-tag (maatwerk)

Deze maatwerk-feature voegt de zogenaamde "hreflang"-tags toe aan de HEAD van de pagina's, zodat de desbetreffende pagina's voor alle taalversie die de shop biedt een "hreflang"-verwijzing meekrijgen (als meta-tag), iets wat niet standaard in Lightspeed eCom is ingebouwd.
Hiermee wordt aan zoekmachines zoals Google duidelijk gemaakt dat er gelokaliseerde taalversies bestaan van die pagina. Dit helpt Google om de bezoeker naar de juiste taalversie van uw webshop-pagina te sturen, en verbetert de SEO van uw webshop.  

Als voorbeeld:

<link rel="alternate" hreflang="en-gb" href="https://en-gb.example.com/index.html" />
Opdrachtgever: Celtic Webmerchant
Jaar: from 2021
Tags: design development Lightspeed eCom