Ett förslag på nästa generations cleancenter.se
Prototypen ni just har klickat runt i är vårt förslag på hur Clean Centers webbplats och webbutik kan bli en gemensam, modern upplevelse. Den här sidan förklarar tankarna bakom – och vägen från prototyp till färdig sajt.
1. Därför en ny sajt
Idag lever cleancenter.se och webshop.cleancenter.se som två separata sajter med olika kategoriträd, formspråk och navigation. Kunderna måste registrera sig innan de kan beställa, listorna saknar filter och webbutiken är byggd för desktop. En gemensam plattform gör det enklare att hitta, enklare att beställa – och enklare för er att underhålla.
2. Utmaningar i nuvarande lösning
- Två sajter med olika kategoristrukturer och dubbelt underhåll
- Obligatorisk registrering innan köp och daterade hjälptexter
- Inga filter på miljömärkning, varumärke eller pris
- Svag mobilupplevelse – trots att kunderna ofta beställer från fältet
3. Designprinciper
Lugnt, nordiskt och professionellt. Clean Centers egna färger – blå och grön – på ljus botten, en tydlig typografisk hierarki och komponenter som ser ut och beter sig som riktig e-handel. Diskreta animationer som gör gränssnittet tydligare, aldrig långsammare. Mottot Kunskap. Enkelhet. Glädje märks i funktionerna snarare än i dekorationen.
4. Ny funktionalitet i prototypen
- Sök med förslag – på namn, artikelnummer och användningsområde
- Snabborder med flera rader och inklistrade artikellistor
- Inloggning med avtalspriser, orderhistorik och ”Beställ igen”
- Sparade favoritlistor per objekt eller team
- Produktguide: ”Vad behöver du rengöra?”
- Komplett produktsida med dokument och relaterade produkter
- Varukorg med fri frakt-mätare och enkel kassa i tre steg
Prova gärna de tre kundresorna: logga in och beställ samma som sist · sök ”kalk” och följ guiden · lägg en snabborder med artikelnummer 14101.
5. Mobil & surfplatta
Layouten designas för mobilen först: sök och varukorg alltid nära, stora tryckytor, kompakt meny och samma konto och varukorg på alla enheter. I den färdiga butiken tillkommer bland annat fästa köpknappar på produktsidor och bottenark för filter.
6. Teknik
Prototypen är byggd lättviktigt och beroendefritt med självhostade typsnitt – den laddar snabbt även på 4G. Den färdiga lösningen byggs med serverrenderat produktinnehåll, integration mot ert affärssystem (produkter, avtalspriser, lagersaldo, kundregister) och riktigt bildmaterial från er butik, ert lager och ert team i Hisings Backa.
7. Plan från koncept till lansering
Mål, varumärke, sortiment och integrationer – tillsammans med er.
Skarpa skisser med ert riktiga innehåll – ni klickar och tycker till.
Ny sajt och webbutik byggs och kopplas mot affärssystem och sortiment.
Testperiod, mjuk lansering, mätning och löpande förbättringar.
8. Nästa steg
Klicka runt i prototypen – gärna i mobilen – och notera vad ni gillar och vad ni vill ändra. Därefter tar vi ett kort möte, går igenom intryck och önskemål och återkommer med en fast offert efter uppstartsworkshopen.