Användarupplevelse och teknisk excellens i fokus

Kund

Nord Keyboards

Vad vi gjort

UX, designkoncept, teknisk utveckling

Nord Keyboards har varit pionjärer inom utveckling och tillverkning av premiumkeyboards och synthesizers sedan 1983. Tillsammans med Nord Keyboards design- och marknadsteam har vi skapat en webbplats som speglar den exceptionella kvalitet som deras produkter erbjuder.

Skräddarsydd användarupplevelse med fansen i centrum

Webbplatsen är utformad för att möta de specifika behoven hos Nords befintliga användare, med fokus på att enkelt ge tillgång till ljudbibliotek, mjukvaror och produktinformation.

Nord-användare har tillgång till ett exklusivt utbud av akustiska och elektriska pianon, högkvalitativa samplingar inom en mängd genrer samt Nords samarbeten med kända artister genom deras Signature Sound Banks.

Genom att skapa en central hub och en funktion som låter användarna utgå från sitt specifika instrument hjälper vi användarna att hitta kompatibelt nedladdningsbart material, manualer och tillbehör. Detta eliminerar behovet av att känna till exakta versioner av ljudfiler och skapar en enklare och effektivare användarupplevelse.

Lösningen validerades genom användningstester där deltagarna fick svara på frågor om sin upplevelse av designen, med särskilt fokus på navigering och utförandet av uppgifter på produktsidan och Sounds-sidorna. Resultaten visade att samtliga deltagare upplevde navigeringen som intuitiv och enkel att förstå, och att de snabbt kunde hitta den information de behövde. Designen beskrevs som stilren och avskalad, vilket majoriteten uppskattade.

Förenklat för potentiella kunder

Potentiella kunder möts av en samlad och tydlig produktvy som effektivt presenterar all relevant produktinformation. Dessutom har vi lagt till en ny funktion för produktjämförelse som låter användare jämföra olika produkter sida vid sida, vilket underlättar beslutet att välja den produkt som bäst motsvarar deras behov.

Designsystem och visuellt uttryck

I nära samarbete med Nords digitala designer har vi utvecklat ett designsystem som förmedlar Nords varumärkesidentitet. Den ikoniska röda färgen, som starkt förknippas med Nord Keyboards, är en genomgående och naturlig del av webbplatsens design. Designkonceptet är stilrent och låter produkterna stå i fokus.

Teknisk lösning för komplexa behov

Webbplatsen innehåller ett antal specialdesignade funktioner, inklusive det omfattande ljudbiblioteket där användare kan ladda ner hela samlingar av ljudfiler och samplingar. För att möta Nords interna behov har vi utvecklat flera lösningar, inklusive skräddarsydda importfunktioner i CMS för ljud och kategorier. Vi har även implementerat synkronisering av filer till Nord Sound Manager.

Vi har valt att använda ramverket Django och CMS Wagtail för att erbjuda en stabil och flexibel plattform som kan växa med framtida behov.

En optimerad sajt

Vårt arbete med optimering slog väl ut och enligt vår Google Lighthouse audit ökade vi prestandan markant jämfört med den tidigare sajten.

  1. Performance: 98 (från 46)
  2. Accessibility: 100 (från 70)
  3. Best Practices: 100 (från 91
  4. SEO: 100 (från 57)

Projektgrupp

Projektledare: Jon Eriksson
Art Director: Carl Andersson, Mikael Anvegård (Nord Keyboards)
Utvecklare: Mikael Engström, Ludwig Lillieborg, Oscar Rainergren, Otto Reimers
Digital analytiker: Marie Thall, Emma Mardell