DeMenso Sverige
Menu
Projekt

En ny webbshop för Dogs&Drops – från låst system till egna flöden

Dogs&Drops behövde ersätta en webbplats som var svår att utveckla och redigera. Matte och Adrian, personerna bakom DeMenso, byggde en ny WordPress-baserad butik med egna lösningar för frakt, rabatter och kampanjer och kopplade ihop butikens data med kundens övriga system. De genomförde arbetet för Medicorette.

01 / Projekt

Utgångsläget: begränsat utrymme att ändra

Den tidigare webbplatsen byggde på ett slutet system. Det gjorde redigering, vidareutveckling och arbetet med köpflödet svårt. Uppdraget handlade därför inte om att flytta befintliga sidor rakt av. Efter samtal med specialister arbetade teamet om webbplatsens struktur, produktbeskrivningar, övriga texter och bildmaterial.

02 / Projekt

Vad vi byggde

  • En ny webbshop på WordPress och WooCommerce.
  • Egna funktioner för leveransval, rabatter och kampanjer.
  • Dataflöden mellan webbshoppen, BaseLinker och Subiekt GT i båda riktningarna.
  • Ny struktur och nytt innehåll anpassade till den nya butiken.

När flera system ska dela information behöver varje del av flödet förstås: vad ändras i butiken, vad hanteras i affärssystemen och hur ska uppgifter hållas ihop? Därför var integrationerna en del av själva butiksbygget, inte en eftertanke.

03 / Projekt

Två kompetenser i samma uppdrag

Matte ansvarade för kunddialog, SEO, optimering, grafik och UI/UX. Adrian genomförde utveckling, kodarbete och egna tillägg och integrationer. Projektet pågick omkring sex månader, bland annat på grund av återkommande konsultationer med kunden. Tiden beskriver just detta uppdrag; en annan butik behöver ett eget upplägg.

Arbetet hänger ihop med varumärkesprojektet Cat&Drops för samma kund.

04 / Projekt

Resultatet och vad som visas här

Kunden fick en fungerande butik som går att utveckla vidare. Vi förenade gränssnittsdesign, kod och integrationer i ett sammanhängande köpflöde.

05 / Projekt

Har din butik fastnat mellan webb och affärssystem?

Beskriv vilken butik du har, vilka system som behöver dela data och var arbetet stannar i dag. En första dialog om behovet via e-post är kostnadsfri; vi bedömer sedan omfattningen innan vi lämnar offert.

Du behöver inte ha en teknisk specifikation klar.

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.