Reseappen Escape på en mobil med en destinationsguide för Bali
  • Hem
  • Projekt
  • Så förvandlade produktdesign kaoset i reseplaneringen till en lanseringsklar app som resenärer rekommenderar

Så förvandlade produktdesign kaoset i reseplaneringen till en lanseringsklar app som resenärer rekommenderar

Vi gav Escape en lugn, guidad produkt – en mobilapp och en matchande webbplats på ett och samma designsystem – som användarna förstår vid första ögonkastet, planerar resor 3× snabbare med och rekommenderar i 98 % av fallen.

  • Reseapp
  • UX/UI-design
  • Webb- och appdesign

Kund och marknad

Kunden bakom Escape och problemet vi löste

Escape kom till oss med ett välbekant problem: resenärer älskar idén men drunknar i planeringen – tio flikar, spridda anteckningar, oändliga recensioner. De behövde en produkt som förvandlade kaoset till ett lugnt, guidat flöde, lika sammanhållet i mobilappen som på marknadssajten så att varumärket kändes likadant överallt. Vårt uppdrag: få reseplaneringen att kännas enkel – och göra produkten lanseringsklar.

Gränssnittsskärmar från reseappen Escape ur designsystemet Detalj av den redaktionella gränssnittsdesignen i reseappen Escape

Affärsutmaning

Så blev kaoset i reseplaneringen ett lugnt flöde

Resenärer jonglerar för många verktyg inför en resa – och tappar tryggheten på vägen.

  • Ingen enda plats att upptäcka, jämföra och spara på
  • För många steg mellan en idé och en bokad resa
  • En osammanhängande upplevelse i app och på webb
  • Beslut som fattas med låg trygghet och hög stress

Utan en fokuserad, guidad upplevelse överger människor planeringen – och bokningen blir aldrig av.

Escape-designen som gör kaoset i reseplaneringen till ett lugnt, guidat flöde

Resultat och affärseffekt för reseappens lansering

  • 94%

    förstod varje alternativ vid första ögonkastet

  • 3×

    snabbare från idé till planerad resa

  • 70%

    mindre fram och tillbaka under planeringen

  • 98%

    av användarna skulle rekommendera Escape

Projektmål

Målen för produktdesignen av Escape

  • Gör destinationer lätta att upptäcka och jämföra

  • Samla boende, mat och turer i ett tydligt flöde

  • Håll appen och webbplatsen visuellt enhetliga

  • Hjälp människor att planera och besluta med trygghet

Tjänster i uppdraget

Kompetenserna bakom reseappen och webbplatsen

Strategisk designansats

Så formgav vi för beslut, inte bara för skärmar

Vi gjorde lugn, redaktionell design till ett affärsverktyg: rubriker med seriff, generöst utrymme och riktig fotografi som dämpar bruset och gör nästa steg självklart. Utdelningen för Escape – användarna förstod 94 % av alternativen vid första ögonkastet och gick från idé till planerad resa 3× snabbare. Hela utbudet hittar du bland våra tjänster.
Lugnt, redaktionellt Escape-gränssnitt i mobil och på webb
Lugna bilder bygger förtroende medan fokus stannar kvar på resan.

Viktiga designval

Designvalen som drev resultatet i Escape

Produktionsprocess

Från koncept till lanserad reseapp

  • Visuellt koncept och art direction

    Vi satte en tydlig visuell riktning utifrån varumärke och referenser och säkrade enhetligheten mellan appen och webbplatsen.
  • Produktion av gränssnitt

    Skärmarna formgavs på ett gemensamt designsystem – typografi, färg och komponenter – avstämt för både mobil och webb.
  • Iteration och finslipning

    Nära samarbete gjorde snabba iterationer möjliga, där flöden och uttryck finslipades för att nå både estetiska mål och mål för användbarhet.

Visuellt resultat

Skärmar som känns självklara

Skärmar från app och webbplats plus mockuper i verkliga miljöer som visar hur Escape-upplevelsen känns i mobil och på webb.
Skärmdesign i reseappen Escape
Destinationsskärm i reseappen Escape
Bläddringsskärm i reseappen Escape
Planeringsskärm i reseappen Escape
Detaljskärm för boende i reseappen Escape
Sektionsdesign på Escapes marknadssajt
Mockup av reseappen Escape för App Store och marknadsföring

Marknadsföring och försäljning

Så drev bilderna installationer och engagemang

Mockup av reseappen Escape för App Store och marknadsföring

Bilderna drev följande:

  • Listningar i App Store och Google Play
  • Landningssida och marknadsföring på webben
  • Presentationer för investerare och intressenter
  • Kampanjer i sociala medier och vid lansering

Viktigaste insikten från reseappsprojektet

Lugn, självsäker design gjorde mer än att se bra ut – den gjorde reseplaneringen 3× snabbare och gav Escape 98 % som skulle rekommendera appen.

Vanliga frågor om produktdesign för reseappen Escape

Vad ingår i Escape-projektet?
UX-flöden och wireframes, ett designsystem för gränssnittet i hög upplösning, en mobilapp och en matchande marknadssajt – ett gemensamt formspråk som tar produkten från koncept till lanseringsklar.
Varför formge appen och webbplatsen tillsammans?
Ett gemensamt designsystem håller varumärket enhetligt överallt där resenärer möter det, så att upplevelsen känns sömlös från en annons i sociala medier till webbplatsen och vidare till bokningsflödet i appen.
Hur hjälper designen resenärer att bestämma sig?
Lugna, redaktionella layouter och ett guidat flöde dämpar bruset och gör nästa steg självklart, vilket hjälper människor att upptäcka, jämföra och planera med trygghet.
Går det att formge utifrån bara en idé eller tidiga wireframes?
Ja. Vi kan börja från ett koncept, skisser eller tidiga wireframes och bygga hela UX-flödet och ett sammanhållet gränssnittssystem för både app och webb.
Är designen redo för överlämning till utvecklare?
Ja. Det gemensamma designsystemet, komponenterna och skärmarna är organiserade för en ren överlämning, så att utvecklare bygger från en enhetlig och produktionsfärdig källa.
Går bilderna att använda i appbutikerna och i marknadsföringen?
Absolut. Skärmarna och mockuperna tas fram för listningar i App Store och Google Play, för webbplatsen, för kampanjer i sociala medier och för investerarpresentationer.
Vad kostar UX/UI-design för en reseapp?
Det beror på omfattningen – antalet skärmar, om du behöver både app och webb, ett designsystem och prototyper. Ett fokuserat gränssnittsprojekt börjar oftast i de låga tusentalen; ett helt system med app och webbplats kostar mer. Beskriv omfattningen så tar vi fram en offert.

Jämför det här projektet med Villavisualisering som vann ett privat uppdrag och Hotellvisualisering som sålde slut de tidiga bokningarna på Seychellerna.