PWA - Headless CMS & E-handel i din webshop
Tänk om din site hade laddat omedelbart, kändes som en app och hade samma fantastiska UX/UI som en app. Dessutom fungerar det i webbläsaren utan något krav på att du ska ladda ned något. Det är i princip vad en PWA är – Utvecklingen av webben har tagit nästa steg och skapar en ny standard för hur man bygger moderna och snabba webbsidor idag. PWA är ett koncept som Google tagit fram och som kan användas av alla.
Kontakta oss
Ramverk och e-handelsplattformar
Vue storefront
Vue Storefront är en av de mest populära ramverken för PWA-lösningar. Den är byggd med en headless arkitektur på ett modernt javascript ramverk. Vue Storefront ger en bra shoppingupplevelse och fungerar precis som en app. Samtidigt som de levererar enastående prestanda. Läs mer på vuestorefront.io
Magento PWA studio
PWA studio är byggt på react.js och är Adobe/Magento ”officiella” approach till PWA. Vi är en Magento/Adobe professional partner och använder denna teknik när det är mest lämpligt av dessa.
Läs mer här
PWA:er är enligt Google
- Pålitlig – Laddar omedelbart och visar aldrig downasaur, även i osäkra nätverksförhållanden.
- Snabb – Svarar snabbt på användarinteraktioner med silkeslena animeringar och utan janky rullning.
- Engagerande – Känns som en naturlig app på enheten, med en fantastisk användarupplevelse.
“53% of users will abandon a site if it takes longer than 3 seconds to load!”
Varför PWA
Kriterier
- App-like – Appar engagerar användarna mer. PWA känns som en app utan att du behöver installera. PWA känns som en app utan att du behöver installera.
- Re-engageable – Precis som en app så kan du göra push notiser så för att kommunicera med användarna. Exempelvis för att informera om kampanjer, blog posts eller liknande.
- Connectivity independent – Service workers gör så att du kan använda siten offline. Det betyder också att siten blir snabbare och mer tillgänglig. Det betyder att fler användare kan vara på din site samtidigt.
- Fresh – Service workers gör så att sidan håller sig uppdaterad.
- Progressive – Fungerar för alla användare oavsett webbläsare, pga att den har en ”progressive” förbättring inbyggt.
- Responsive – Passar alla skärmstorlekar, exempelvis desktop, mobile, tablet.
- Safe – Allt är via HTTPS/krypterat så att inte användarens data kan ses av någon annan.
- Discoverable – Kan ses som appar genom W3C manifestet som listar dem som en app.
- Installable – Användare kan få tillgång till att lägga till appen på hemskärmen.
- Linkable – Enkelt att dela via en länk och behöver inte installeras.
Resultat
- Snabbare än konkurrenterna (andra sidor går långsamt som en sköldpadda)
- Ökad konverteringsgrad
- Större engagemang
- Mindre kostnader för hårdvara och hosting
- Bättre Uptime / stability (även offline)
- Mer flexibel för innovation
- Enklare att rekrytera (utvecklare gillar ny teknik)
Tekniken
Javascript frameworks
Många nya js frameworks är relaterade till utvecklingen av PWAs, de vanligaste är React.js, Vue.js och AngularJS.
GraphQL
GraphQL ger ett mer effektivt sätt att hämta data från ett API jämfört med REST exempelvis. Det gör att sidorna laddar snabbare med mindre resurser.
Service workers
NWT använder PWA teknik baserad på Magento PWA studio och andra custom projekt där det krävs. Skicka ett meddelande om du vill veta mer om PWA.
Get in touch
Were to find us
Kungsholmstorg 16
112 21 Stockholm