En publik webb som få byråer skulle våga bygga – och som ännu färre skulle våga stå för
Ebbot ligger i framkanten inom kundservice. Med sin plattform hjälper de företag att optimera sin kundservice – dra ner kostnader, behålla kunder och öka försäljningen.
När de skulle bygga en ny webbplats med bakomliggande CMS, en ny digital närvaro som skulle matcha hur högt de siktade, blev vi ett av deras huvudalternativ. Vi hade jobbat tillsammans i andra projekt tidigare, och de visste att vi tar tekniska utmaningar på allvar.
Det här blev ett projekt vi själva gärna återberättar.
Ett nytt ansikte utåt – för ett bolag som inte nöjer sig
Vi bygger sällan rena, publika webbplatser på Adaptive Media. Vi säger faktiskt oftast nej till det. Anledningen är enkel: i många fall finns det inte utrymme för att göra något som verkligen tillför värde – och då gör det ingen skillnad om det är vi eller någon annan som bygger.
Men här var det annorlunda.
Ebbot ville inte ha en webbsida som var okej. De ville ha den bästa på marknaden. En sida som skulle sätta sig i minnet hos både kunder och konkurrenter. En som skulle utmana vad en modern webbplats kan vara. Det räckte för att vi skulle vilja hoppa på – och det blev ett projekt där vi tog ut svängarna både tekniskt och kreativt.
Projektmål: snabb, snygg och flexibel
Målen var tydliga:
En nytänkande och riktigt snygg webbplats som fångar uppmärksamheten
Extrem prestanda – ingen kompromiss
Fullt flexibel – Ebbot skulle själva kunna styra innehåll och layout
Flerspråksstöd för en internationell publik
En vanlig CMS-webb med Wordpress hade inte klarat det. Vi behövde bygga något annat.
Bakomliggande teknik: Laravel Nova med hemsnickrad blockbyggare
För administration av innehåll använde vi Laravel Nova som CMS. Hjärtat i lösningen blev en modifierad Nova-plugin för hantering och skapande av innehåll – en så kallad blockbyggare.
Utöver de ~50 fördefinierade innehållsblock som Laravel Nova erbjuder byggde vi cirka 25 helt egna, specialdesignade block. De kan kombineras fritt med varandra och nästlas i obegränsat antal nivåer. Det gav Ebbot friheten att bygga upp helt egna, snygga sidor utan att vara låsta i våra ursprungliga skisser och layoutupplägg.
Det är sällan vi jobbar så extensivt med ett CMS vi inte själva byggt. Men i det här projektet utmanade vi verkligen vad Laravel Nova är kapabelt till – och landade i en lösning som få andra i Sverige har byggt.
Prestanda som märks
Ett av huvudmålen var en snabb webbplats. Inte bara snabb enligt utvecklarens definition – snabb på riktigt, oavsett var i världen besökaren befinner sig.
Vi löste det med aggressiv caching på Nginx-nivå. Webbservern cachar statisk HTML, och för 99 % av alla besök används den cachen direkt. Resultatet: en supersnabb sida med hög prestanda genomgående – utan att kompromissa med redaktionens möjlighet att uppdatera innehåll.
Alla internt tycker att sidan är väldigt snygg, att det är ett stort lyft från vår tidigare sida - vi känner för första gången att vi har en riktig hemsida.
- Oliver Wirström, Marknadschef Hello Ebbot
Frontend - där teknik och design möts
Publika webbplatser fungerar inte som interna system. I ett internt verktyg följer man designmönster och best practices för att skapa självklara flöden. På en publik webb handlar det om något annat: visuell frihet, uttryck, rörelse och känsla.
Eftersom det bakomliggande CMS:et skulle kunna kombinera vilka block som helst med varandra, hade vi en extra utmaning: alla kombinationer måste fungera visuellt. Ingen kombination av block fick krocka eller se dålig ut.
Det ledde till ett annorlunda arbetssätt. Vi byggde först den tekniska grunden mot CMS:et och lät sedan designteamet gå igenom alla möjliga scenarier innan själva frontend-arbetet startade. Design och teknik i konstant dialog – inte i stafett.
Ultimat upplevelse för användaren
Ebbot har mycket att berätta, och det är lätt hänt att den mängden av content blir övermäktig för besökaren. UX-arbetet i projektet fokuserade på att lösa just det: rätt information, vid rätt tillfälle, till rätt person.
Användarflödet optimerades för att guida besökaren utan att överbelasta. Prestandan syntes och kändes hela vägen. Den moderna, innovativa känslan hängde med i varje interaktion – inte bara på förstasidan.
Slutprodukten
Vi tackar ofta nej till rena webbplatser. Men när vi hittade en kund som ville något mer – inte "okej", utan "bäst" – blev det intressant för oss.
Resultatet blev en webbplats som är snygg, snabb, tekniskt imponerande och rejält innovativ. En sida som visade upp precis vad en modern webb kunde vara. Och en sida som vi är stolta över att kunna peka ut och säga: den byggde vi.
- Projektledning
- UX-Design
- Design och grafiskt material
- Webbutveckling och CMS-arkitektur
- Performance-optimering
- Genomgående kundresa – från första besök till konvertering
- Högpresterande och snabb webbplats – supersnabb även vid hög belastning
- Effektiv innehållshantering – Ebbot bygger och uppdaterar själva
- Enhetlig design som stärker varumärket
- Ett tekniskt genombrott som differentierade dem från konkurrenter
-
01
Kan jag få ett flexibelt CMS som ger min redaktion full kontroll?
Absolut. Med vår modifierade blockbyggare byggd på Laravel Nova kan er redaktion skapa, redigera och kombinera innehållsblock helt fritt utan att vara låsta till fördefinierade layouts. Precis som Ebbot fick. -
02
Hur säkerställer ni hög prestanda på en så innehållsrik webbplats?
Genom aggressiv caching på Nginx-nivå. Statisk HTML cachas och används för nästan alla besök, vilket ger supersnabba laddningstider utan att kompromissa med möjligheten att uppdatera innehåll. -
03
Hur balanserar ni teknik och design i ett komplext webbprojekt?
I det här projektet innebar det att teknik och design jobbade i konstant dialog, inte i stafett. Vi byggde den tekniska CMS-grunden först och lät designteamet sedan validera att alla möjliga blockkombinationer fungerade visuellt. Det gav en webbplats där tekniken och designen är på samma nivå. -
04
Vad skiljer er frontend-process från andras?
Vi kombinerar visuell frihet med tekniskt djup. Det gäller att kunna både lyfta ett varumärke visuellt och samtidigt bygga något som presterar riktigt bra rent tekniskt. På Ebbot fick vi utrymme att göra båda – och det var där vi hittade projektets kärna. -
05
Hur jobbar ni med UX på publika webbplatser?
Vi fokuserar på att presentera information på ett lättillgängligt sätt – med rätt information, vid rätt tillfälle, till rätt person. Vårt designteam är utbildade UX-designers med lång erfarenhet, och vi väger både varumärkes-, kund- och content-perspektiv i varje val. -
06
Vad kan jag förvänta mig som kund hos er?
En genomgående kundresa, en högpresterande webbplats som slutresultat, effektiv innehållshantering och en enhetlig design som stärker ert varumärke. Vi tar hela ansvaret från strategi och design till teknik och lansering. -
07
Varför Laravel Nova som CMS?
Laravel Nova ger oss flexibiliteten att skräddarsy innehållshanteringen efter kundens behov – och som Ebbot-caset visar kan vi utmana vad det är kapabelt till. Men vi är inte låsta till Nova. Vi har andra CMS-alternativ och kan även bygga helt skräddarsydda lösningar där det passar bättre. -
08
Är webbplatsen mobilvänlig?
Ja. Vi bygger alltid responsivt så att webbplatsen fungerar sömlöst på alla enheter, från desktop till mobil. Mobil är i många fall den viktigaste enheten idag, och det är en självklarhet att prioritera.
Fler kundcase!
Komplett digital utvecklingspartner
Vi på Adaptive Media har jobbat med Euronics i över 12 år, och har innan dess ytterligare över 10 års erfarenhet av att jobba med butiker i Euronics-kedjan.
Telecombolaget med kundservice i världsklass
Telekombolag och operatörer är inte traditionellt kända för bra kundservice, men det finns en operatör i Sverige som står ut och vinner priser för sin kundservice år efter år - Ownit Bredband.
Så hjälpte vi Telenor att vinna villafiberkriget
2016-2018 utspelade sig det som har kommit att kallas villafiber-kriget. Alla stora operatörer; Telenor, Telia, Tele2, IP-Only m.fl hade som avsikt att expandera stort med fiberutbyggnad på landsbygd och tätort i Sverige, och det var ett race i varje område om vem som skulle hinna först.
