Designforslag til MC Butikken — ikke den officielle webshop. Udarbejdet af BjergMotion.

Konkrete forbedringer, ikke ny shop

Syv ting, der kan laves med kun JS og CSS

Tak for svaret. Du har ret i, at køretøjsvælgeren findes, og at kun JS og CSS kan rettes. Derfor har vi ikke lavet en ny shop, men en lille pakke på to filer, som vi har kørt mod jeres rigtige forside i en browser. Der er ikke ændret noget hos jer.

01

Forsiden får et tydeligt første skridt

ForsideCSS + JS

Forsiden starter i dag med en lang tekst. Kunden skal selv opdage køretøjsvælgeren i højre side. Nu er det første, kunden ser, tre store valg (motorcykel, scooter og knallert, ATV og quad), de mest brugte mærker og en søgning på varenummer.

Alle knapper bruger jeres egne faste links til køretøjsvælgeren, så der ikke skal ændres noget i selve shoppen. Jeres egen tekst står stadig lige under.

Før: I dag
I dag
Efter: Med forside-pakken
Med forside-pakken
02

Køretøjsvælgeren er altid ved hånden på mobil

MobilJS

Du har ret i, at køretøjsvælgeren findes. På computer står den i højre kolonne. På mobil ligger den skjult i menuen til højre, og det er svært at se for en, der kommer første gang.

En fast bjælke i bunden åbner jeres egen vælger med ét tryk, ved siden af en knap til hjælp.

Før: I dag
I dag
Efter: Med forside-pakken
Med forside-pakken
03

Cookie-vinduet fylder ikke længere hele skærmen

MobilCSS + JS

Cookie-vinduet dækker i dag hele mobilskærmen, og knapperne hedder ”Read more about this”. Med pakken ligger det som et kompakt felt i bunden, knapperne er på dansk, og kunden kan se, hvad de er kommet for.

Valgmulighederne er uændrede. Pakken ændrer kun udseende og tekst, ikke hvilke cookies der sættes.

Før: I dag
I dag
Efter: Med forside-pakken
Med forside-pakken
04

Hjælp til at finde den rigtige del

HjælpJS

I skriver selv på forsiden, at kunder gerne må sende en forespørgsel, og at I svarer inden for 24 timer. Det gør vi synligt: en knap på alle sider åbner en kort formular (mærke, model og årgang, del, evt. stelnummer), og et tryk åbner en færdig mail til info@mcbutikken.dk.

Det er ikke en chatrobot, men det giver jer præcis de oplysninger, I skal bruge for at svare første gang. En rigtig chat kan komme som næste skridt.

Før: Computer
Computer
Efter: Mobil
Mobil
05

Menuerne på dansk

SprogJS

Flere steder står der engelsk midt i en dansk side: ”Product Groups”, ”Vehicle”, ”Read more about this” og ”To Desktop view”. De får danske navne (Produktgrupper, Find din maskine, Læs mere, Vis desktop-version).

Før: Product Groups · Vehicle · Read more about this
Efter: Produktgrupper · Find din maskine · Læs mere
06

Alt-tekster på varebillederne

SøgemaskinerTilgængelighedJS

På forsiden mangler alle 20 varebilleder alt-tekst. Pakken sætter varens eget navn på hvert billede, så det kan læses op, og så billedsøgning kan finde jeres varer. Vi har kørt det mod forsiden: 20 af 20 billeder havde ingen alt-tekst før, og 0 mangler efter.

Før: 20 af 20 billeder uden alt-tekst
Efter: 0 af 20 billeder uden alt-tekst
07

Jeres adresse og åbningsoplysninger til Google

Lokal synlighedJS

Den eneste strukturerede data på forsiden er en brødkrumme. Der er intet, der fortæller Google, at I er en forretning i Broager. Pakken tilføjer firmanavn, adresse, mail, startår og beskrivelse som standardmarkering, uden at noget vises på siden.

Vi har kun brugt oplysninger, der står på jeres egen side. Åbningstider og telefonnummer står der ikke på siden, så dem har vi ikke sat på.

Markeringen (Store, Broager) føjes til siden, når forsiden åbnes. Intet af det kan ses af kunden.

Sådan lægges det ind

To filer, ingen ændring af shoppen

  1. CSS-filen lægges sammen med den CSS, I allerede selv retter i.
  2. JS-filen lægges ind der, hvor jeres sider henter egen JavaScript.
  3. Åbn forsiden på computer og mobil og tjek, at det ser rigtigt ud.
  4. Vil I tilbage, fjerner I de to filer igen. Så er alt som før.

Det vi ikke har med endnu

Næste skridt, hvis I vil

  1. Rigtig chat med svar på varespørgsmål kræver en chat-tjeneste og nogen til at svare. Hjælp-formularen giver jer det meste af værdien uden drift.
  2. Måling af besøg og salg skal kobles på jeres cookie-valg, så kun samtykkede besøg måles.
  3. Sociale medier: Der er ingen links på siden i dag. Send os adresserne, så sætter vi dem på.

Designet af den fulde forside kan også ligge som en selvstændig side. Se forsiden i dette forslag.

Se forsiden som designforslag