DeMenso Sverige
Menu
Projekt

En bilkatalog där kunden direkt ser månadskostnaden.

KliknijAuto säljer begagnade leasingbilar och förmedlar leasing, långtidshyra och billån till företag och privatpersoner. Utbudet ändras från dag till dag. Kunden behövde en ny webbplats där teamet själv lägger in bilar och där besökaren snabbt hittar en bil inom sin budget och skickar en förfrågan.

KliknijAuto — webbplatsen på en skärm och i mobilen
Visa bilden
01 / Projekt

Ett utbud som ständigt förändras

Bilar kommer och går i utbudet, och kunderna bryr sig främst om månadskostnaden, inte bara priset. Webbplatsen måste gå att fylla på utan utvecklare och redan på första skärmen visa det kunderna oftast frågar om: modell, pris och månadskostnad.

02 / Projekt

Vad byggde vi?

En katalog som sköts från panelen.

Varje bil är ett eget inlägg med fasta fält: tekniska data, list- och kampanjpris, månadskostnad exklusive moms, utrustning och bildgalleri. Kundens team ändrar utbudet i WordPress, och webbplatsen ordnar bilkorten själv.

Sök efter budget.

På sidorna för utbud, leasing och hyra filtrerar besökaren bilar efter märke och spann för månadskostnad och sorterar resultaten. På startsidan visar ett bildspel de viktigaste erbjudandena med månadskostnad och länk vidare.

Förfrågan direkt från bilkortet.

Bilkortet leder till ett formulär där kunden väljer leasing, långtidshyra eller köp. Där finns också telefonnummer och en länk till annonsen på en extern bilportal.

03 / Projekt

Vem gjorde vad?

Projektet genomfördes i samarbete med B2B Care, som skötte kundkontakten. Matte ansvarade för design och UX, Adrian för implementationen och bilkatalogen. Det gemensamma upphovet anges i webbplatsens sidfot.

04 / Projekt

Och efter lanseringen?

Vi lämnade över webbplatsen till kunden. KliknijAutos team sköter utbudet i WordPress och uppdaterar det löpande utan ändringar i koden.

05 / Projekt

Ändras ert utbud oftare än er webbplats?

Fokusera bilden med Tab. Använd piltangenterna för att flytta en förstorad bild. Escape stänger visningen.

Läsinställningar

Gör sidan till din.

Anpassa text, färger och rörelse efter hur du vill läsa. Ändringarna visas direkt.

Aktiva ändringar: 0

Hjälp med texten

Kort förklaring

Här beskrivs ett projekt: uppgiften och arbetet som visas i portfolion. Bilderna kan förstoras.

Det här är en enkel introduktion. Läs hela sidan för detaljer, villkor och undantag.

Ord och förkortningar

CTA
Call to Action: en uppmaning att göra något, till exempel en knapp för kontakt.
CV
Curriculum Vitae: en sammanställning av erfarenhet, utbildning och färdigheter.
PHP
PHP: Hypertext Preprocessor. Ett programmeringsspråk som bland annat används av WordPress.
IMY
Integritetsskyddsmyndigheten: Sveriges tillsynsmyndighet för dataskydd.
PTS
Post- och telestyrelsen: Sveriges myndighet för elektronisk kommunikation och post.
HB
Handelsbolag: en svensk bolagsform.
EEA / EES / EOG
Europeiska ekonomiska samarbetsområdet: EU:s medlemsländer samt Island, Liechtenstein och Norge.
EU / UE
Europeiska unionen.
BYOD
Bring Your Own Device: att använda en egen enhet i arbetet.
WCAG AA / AAA
WCAG-nivåerna anger krav på tillgänglighet. AA omfattar krav på A och AA; AAA omfattar krav på A, AA och AAA.
CMS
Content Management System: ett system där du kan lägga till och ändra webbplatsens innehåll.
PR
Public Relations: arbete med relationer och hur en verksamhet kommunicerar med omvärlden.
IT
Information Technology: teknik för att lagra, bearbeta och överföra information.
SEO
Search Engine Optimisation: arbete som hjälper sökmotorer att förstå och hitta en sida.
AI
Artificial Intelligence, artificiell intelligens: program som bland annat kan skapa text och bilder eller känna igen mönster.
WCAG
Web Content Accessibility Guidelines: riktlinjer för att fler ska kunna använda digitalt innehåll.
UX
User Experience: hur en person upplever och använder en tjänst.
UI
User Interface: det som användaren ser och använder, till exempel knappar och formulär.
API
Application Programming Interface: ett sätt för olika program att utbyta data.
HTML
HyperText Markup Language: språket som beskriver en webbsidas innehåll och struktur.
CSS
Cascading Style Sheets: regler som styr hur en webbsida ser ut.
GDPR / RODO
General Data Protection Regulation: EU:s regler för behandling av personuppgifter.
GA4
Google Analytics 4: ett verktyg för att mäta hur en webbplats används.
GTM
Google Tag Manager: ett verktyg som hanterar kod för bland annat mätning på en webbplats.
B2B
Business to Business: en verksamhet säljer till eller samarbetar med en annan verksamhet.
PDF
Portable Document Format: ett filformat för dokument.
CRM
Customer Relationship Management: ett system för kundkontakter och kundinformation.
CSP
Content Security Policy: regler som begränsar vilken kod och vilka resurser en webbläsare får läsa in.
IP
Internet Protocol: regler för kommunikation på internet. En IP-adress identifierar en anslutning eller enhet i ett nätverk.
Brief
En beskrivning av projektets mål, behov och ramar.
Branding
Arbete med hur ett varumärke känns igen och uttrycks, till exempel genom namn, bild och språk.
Hosting
En tjänst som lagrar webbplatsens filer så att sidan kan nås på internet.
Integration
En koppling som gör att olika system kan arbeta tillsammans.
Pixel
Här: kod som används för att mäta besök eller handlingar på en webbplats.
Retention
Hur länge uppgifter sparas innan de tas bort.
Data controller
Den som bestämmer varför och hur personuppgifter behandlas.
Data processor
Den som behandlar personuppgifter på uppdrag av den personuppgiftsansvarige.
Semantics
Här: kodens betydelse, så att webbläsaren vet vad som är en rubrik, länk eller knapp.
Responsive
En sida som anpassar sin layout till olika skärmstorlekar.
Conversion
En handling som sidan ska hjälpa besökaren att göra, till exempel att skicka en fråga.
Prototype
En tidig modell som används för att undersöka hur en lösning kan fungera.
Accessibility
Att innehåll och funktioner kan användas av människor med olika behov och förmågor.

Behöver du hjälp? Skriv till oss: hej@demenso.se

Text & läsning
Färg & orientering

Välj text och bakgrund. Den andra färgen anpassas vid behov för att texten ska förbli läsbar.

Rörelse

Systemets inställning för minskad rörelse respekteras alltid.

Dina val sparas endast i den här webbläsaren. Inga uppgifter skickas.