DeMenso Sverige
Menu
Projekt

Presentkort som skapas av sig själva när beställningen är betald.

Skönhetssalongen Odnowa erbjuder ansiktsbehandlingar, laserbehandlingar, hand- och fotvård samt massage. Salongen ville sälja presentkort på nätet. Det krävdes en butik där kunden köper ett personligt presentkort och får det färdiga kortet utan att salongen behöver göra något för hand.

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

Ett nytt sätt att sälja

Att sälja presentkort på nätet var en ny idé för salongen. En vanlig butik säljer en produkt. Här måste varje köp bli ett eget, personligt dokument med belopp, giltighetstid och mottagarens namn, utan extra arbete för salongen vid varje beställning.

02 / Projekt

Vad byggde vi?

En butik med presentkort för henne och för honom.

Butiken ligger på en egen subdomän med kategorierna ”För henne” och ”För honom”. På presentkortssidan skriver kunden in mottagaren och väljer digitalt kort eller presentförpackning. Summan uppdateras direkt.

Ett presentkort som skapar sig självt.

När beställningen är betald skapar tillägget ett personligt presentkort med belopp, giltighetstid och unik kod och skickar det via e-post till köparen. Det är vårt eget WordPress-tillägg, skrivet för just den här butiken.

Presentkorten under salongens kontroll.

Salongen ser utfärdade presentkort i WordPress och hanterar dem när en kund kommer med sitt kort till en behandling.

03 / Projekt

Vem gjorde vad?

Butiken byggdes i samarbete med B2B Care. Matte ansvarade för design och UX, Adrian för koden. Presentkortstilläggets funktion och logik tog de fram tillsammans. Det gemensamma upphovet anges i butikens sidfot. Salongens huvudwebbplats är inte vårt arbete.

04 / Projekt

Och efter lanseringen?

Vi lämnade över butiken till salongen och den sköter sig själv: presentkorten skapas och skickas automatiskt efter varje betald beställning. Fortsatta ändringar gör vi på uppdrag.

05 / Projekt

Vill ni sälja något mer än en vanlig produkt på nätet?

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.