Eckerö Linjen - Boknings(webb)app

Design
Digitala upplevelser
Strategi & Marknadsföring
Utveckling

UTMANINGEN

Appifiera och simplifera bokningsflöde, med stort fokus på användarupplevelse

Eckerö Linjen, livsnerven mellan Åland och Sverige - också ett starkt företag här i Roslagen, ville möta upp det behov som finns för moderna enkla lösningar för webbokning.

Till saken hör också att hela lösningen såklart måste integreras sömlöst med det interna bokningssystemet, och även fylla i lite luckor däremellan.

Wireframe-mockup-mockup-mockup

Det ultimata sättet att visa hur vi tänker oss en lösning är en iterativ process med wireframing och mockup.

Det gör att kunden kan hänga med i varje steg och faktiskt kunna se och testköra innan vi kodat en enda rad. Detta projekt handlade mycket om den iterativa processen, där vår kreativa AD sydde in Eckerö Linjens känsla i vår struktur och teknik.

Djuplodande teknik och marknadsanalys

Starten av projektet var drömlik, där vi fick en öppen fråga var det gäller teknik att lösa den målsättning som fanns.

Vi gjorde en djuplodande analys av tillgänglig teknik och scannade marknaden och konkurrenterna. Utefter det så lyfte vi blicken mot horisonten och tittade in i spåkulan. Hur vill framtidens passagerare boka sina båtbiljetter?

Det är verkligen roligt att jobba såhär tätt med en kund som ständigt vill förnyas och förbättras, vi är verkligen stolta över att vara Eckerölinjens webbyrå

Niki Weiss, AD, West Art

Integration

En av de största utmaningarna i detta projekt var knyta ihop den nya appen med Eckerö Linjens bokningssystem.

Inte nog med att man måste förstå och kunna implementera SOAP (vilket i och för sig är vardagsmat för oss), man måste kunna implementera det flöde designern och kunden kommit överens om. Här fanns en hel del luckor, som fylldes i med custom-kod och lite speciallösningar i vår backend som möjliggör exakt det flöde kunden önskade. Här landade vi in i en riktigt mysig dubbel-API PHP-backend som håller i alla trådarna mellan SOAP APT’t och appen.

Vill du också åka på Vue-spa?

Nu blir det teknik! Vi landade snabbt in på att vi ville bygga en reaktiv “appig” lösning.

Lösningen vi landade in på var en Vue (ett javascript bibliotek) SPA (Single Page Application) lösning. Detta mycket för att kunna få rätt känsla i appen, och att det skulle in så mycket front-end logik, det är där Vue verkligen skiner.

Testning, kunden alltid nära

Hand i hand med agilitet går testning.

Testning är en nödvändig del i ett sånt här projekt. I detta projekt gjorde vi pre-release-tester efter varje delmål och levererade sprint-releaser för test till kunden. Kunden hittar både sånt som måste åtgärdas (ja, tro det eller ej det finns buggar i vår kod också ibland), men även sånt som inte fungerar rent flödesmässigt. Vi brukar kalla det för härdningsprocess av kod. Ju fler testvändor koden får, desto mer härdar koden och blir stenhård och stabil.

Agilitet vinner i längden

Vi tjatar alltid om att jobba agilt.

Detta projekt var lite av mallen för hur ett bra agilt projekt ska vara. Kunden var helt med på detta sätt att jobba och drev på precis som vi önskar att en kund ska göra.

Resultatet

En super-webb-app till användardröm som fungerar lika bra oavsett plattform

Till slut blev det en webbapp som både vi och kunden är stolta över.

Vi har slagit ihop kundens idéer och tankar med vår design och teknikkompetens och levererat en lösning som ökat kundnöjdheten och smidigheten i bokningen rejält!

Utveckling

Front-end development
Back-end development
Integration

Strategi & Marknadsföring

Digital strategy
Technical strategy

Design

Interface design
Web design

UI/UX

Interaction design
Information structure
Prototyping

Vue, Reactive “app-cameleon” Front-End
Core, Web Application Framework
Contentful, Cloud CMS

Vill du inspirera dig mera?

Vi är stolta över våra grymma kunder

Här kan du få ett smakprov från några av våra många härliga projekt.

Ordning och reda? Helheltslösning för ideell sektor

Utveckling
UI/UX
Strategi & Marknadsföring

Visa case