Daytonas Projekt

ERV.se

Daytona Communication — mån, 03 okt 2011 00:00:00 +0200

Försäkringsbolaget ERV (tidigare Europeiska) är en av de största aktörerna på den svenska marknaden för privat- och tjänstereseförsäkring samt försäkring för utlandsstationerade. ERVs affär är därför starkt knuten till resebranschens mekanismer. Resebranschen som helhet genomgår en mycket omfattande förändringsprocess främst driven av globalisering, konsolidering och ökad internetpenetration.

ERV anlitade oss för att de kände att vår strukturerade process för digital strategi var precis vad deras situation krävde.

Strategi

Första uppdraget var ett digitalt strategiarbete där vi under tre månader kartlade ERVs digitala närvaro; företagets plats i ekosystemet, relationen till användarna, varumärkets avtryck och sist (men inte minst) affärsmål och affärsmässiga drivkrafter i digitala kanaler.

För att komma närmare svaren på frågorna "Hur ska vi prioritera vårt arbete i digitala kanaler?" och "Vad och hur ska vi göra" ägnade vi tid och kraft åt att utforska ERVs unika situation, position och affärsmodell. Arbetet genomfördes genom omfattande omvärldsbevakning, studier av försäkrings- och resebranscherna och de samhälleliga funktioner som också har en del i riskförebyggande och hantering av svenskarnas resande. Några av de saker vi ägnade tiden åt var företagsanalyser, branschrapporter, marknadsundersökningar, EU-direktiv för försäkringsbranchen och webbanalys, för att hitta mönster i beteendet bland besökarna på ERVs befintliga webbplats.

Koncept

I konceptfasen delade vi in målgrupperna i ett antal besökartyper, modeller av användare. Besökartyperna användes som ett verktyg som vi och ERV kunde använda för att identifiera och prata om användarnas behov. De användare som själva bokar både sin resa och försäkring kallade vi exempelvis för “egenresenären” och de hade sina typiska navigeringsmönster, vägar in till webbplatsen, mängd tid till förfogande med mera. Med stöd i besökartyperna tog vi sedan fram scenarier tillsammans med arbetsgruppen från ERV:

“Egenresenären Martin bokar flygbiljetter på svenskaflygresor.se till Filippinerna. Han kan via svenskaflygresor.se teckna reseförsäkring genom att enkelt kryssa i en ruta. Däremot vet han inte om den försäkringen som finns där täcker hans dykning och dykutrustning. Istället genomför Martin köpet utan reseförsäkring och går istället till ERV.se för att undersöka det. Martin har haft ERV tidigare, men har även haft annan reseförsäkring och eftersom han inte råkat ut för något särskilt på sina resor har han inget intryck av vem som är bäst. (...)”

Utifrån scenarierna kunde vi sedan generera idéer på funktionalitet och innehåll som skulle stödja besökartypernas olika behov: “Vad behöver egenresenären i den här situationen?”

Även när innehållet och funktionaliteten skulle prioriteras och struktureras utgick vi från besökartyperna och scenarierna. Vissa besökartyper använde menystrukturen för att hitta rätt, andra föredrog att använda sökfunktionen och några mer ovanliga besökartyper kom endast in till olika avdelningar via direktlänkar från återförsäljares webbplatser eller via sökmotorer.

Webbplatsens olika delar

ERV.se bygger på tre huvudavdelningar som kompletteras med nyheter, företagsinformation, livechatt med kundtjänst med mera. Huvudavdelningarna är:

Våra försäkringar / Köp försäkring

Denna avdelning består av en produktkatalog med tillhörande köpflöde. Upplägget baseras på idéarbetet från våra scenarier och i det nya köpflödet kan användaren tydligt se vad försäkringen täcker och vad den kostar per person. Genom att ändra olika parametrar förändras priset i en alltid synlig prisinformation.

Landsguiden

En tjänst för riskbevakning och proaktiv information till ERVs försäkringstagare. Med hjälp av Google Maps API har vi använt kartor för att visualisera var i världen det finns hjälp att få genom ERVs Euro-Center, och vart det är direkt olämpligt att resa, var man måste rapportera in sin resa i förväg (för att försäkringen ska gälla). En mycket efterlyst tjänst som avlastar institutioner som Utrikesdepartementet, genom att grafiskt visa deras risklista på kartor.

Dina försäkringar

Genom att bygga ett inloggat läge har vi nu öppnat upp för att användarna att följa hur det går i pågående försäkringsärenden och se om man behöver ladda upp kompletterande dokument. Dessutom finns möjligheten att ladda upp viktiga resehandlingar till en filbackup i sitt konto, t ex kan man ha sitt pass eller vaccineringskort där om man skulle bli av med sin väska på resan.

Design

Daytonas designarbete bygger på samarbete. Genom att arbeta både tillsammans med ERVs affärsområdesansvariga och teknikavdelning i en gemensam arbetsgrupp redan från början kunde vi välja lösningar som var effektiva att översätta till kod.

Inledningsvis genomförde vi konceptuella arbetsmöten inom områden som interaktionsdesign och visuell design. Det gjorde att vi snabbt fick en samsyn i arbetsgruppen om vad som är bra digital design för just ERV. Arbetet för respektive kompetens blev därmed enklare och gick snabbare att genomföra.

För att konkretisera våra idéer skapade vi wireframes, som vi testade på användare innan vi påbörjade den visuella designen. För att sedan underlätta inför produktionsfasen tog vi i arbetet med den visuella designen bland annat fram designbibliotek med byggstenar, så kallade assets.

Produktion

Inför systemutvecklingen av webbplatsen, som vi i samråd med ERV kommit fram till att den skulle byggas på EPiServer 6, skapade vi en prototyp av webbplatsen. I prototypen fanns alla byggstenar med som behövdes för att bygga användargränssnittet till hela webbplatsen. Gränssnittet för ERV.se är skapat i HTML5, CSS3 och JavaScript och molnbaserade tekniker som av Google Maps API och Google Fonts API.

webbstrategi konceptutveckling webbanalys interaktionsdesign personas målgruppsanalys prototyp användningstester html5 scenarios tjänstedesign

itstatistik.se

Daytona Communication — fre, 11 mar 2011 00:00:00 +0100

Hur många sysselsätter små IT-företag jämfört med de stora bjässarna? Hur gick det för IT-branschen under krisen? Sådana frågor behövde IT&Telekomföretagen besvara och helst på ett mer lättillgängligt sätt än i en torr rapport. Med hjälp av modern visualiseringsteknik skapade vi itstatistik.se – en statistikvisningswebbplats som sätter siffrorna i ett sammanhang.

Strategi

Som en följd av det webbstrategiarbete som vi genomförde med Almega (där IT&Telekomföretagen ingår som ett av sju förbund) under våren 2010 antogs ett antal riktlinjer för en bättre webbnärvaro:

Att vara en möjliggörare för debatt och kommunikation
Att ha ämnesfokus istället för formatfokus
Att sätta användbarhet och användarnytta i första rummet

I IT&Telekomföretagens dagliga verksamhet som branschorganisation arbetar man med näringspolitisk opinionsbildning och att företräda medlemsföretagen i branschfrågor. När svensk arbetsmarknad diskuteras i ekonomisändningarna i TV framställs det ofta som om Sverige är ett land som främst sysslar med tung industri, fr a inom fordonssektorn. Målet med projektet var att visa att tjänstesektorn i allmänhet – och IT- och telekomsektorerna i synnerhet – är större och viktigare än andra sektorer. För att kunna göra det behövde vi först förstå hur användarna av den här typen av information tar den till sig och konsumerar den.

Koncept – delbar data i portionsförpackning

I underlaget från IT&Telekomföretagen fanns data från de senaste fem åren som beskrev IT-branschens utveckling. För att kunna sortera i datamängderna tog vi tillsammans med IT&Telekomföretagen fram ett antal miniscenarios för vilka behov vi ville att webbplatsen skulle svara mot.

"Moa arbetar som sakkunnig inom ett politiskt parti och vill visa på småföretagens betydelse för Sverige. Helst skulle hon vilja hitta ett diagram över hur stor del av IT-branchens anställda som finns i företag med upp till tio anställda."
Exempel på ett av de miniscenarios som tjänsten skulle stödja.

Ur våra miniscenarios framträdde sedan vissa behov tydligare än andra:

Överblick med lättillgängliga detaljer

En visualiserad överblick var viktig för att sätta alla siffror i ett sammanhang, men målgruppen behövde också hårda siffror - det måste finnas en möjlighet att dyka ner och få fram rådatat.

Anpassad data efter behov

För att inte överväldiga användaren med siffror behövs möjligheten att skala av det som inte behövs för tillfället - data i portionsförpackning!

Lätt att spara och sprida informationen

Ett mål med projektet var att data skulle vara lätt för besökaren att använda och därför ville vi erbjuda flera lösningar för att spara, skriva ut eller sprida informationen vidare på besökarens egen webbplats eller i en rapport.

Dessutom ingick i uppdraget att visa på it-branschens snabbt växande storlek i förhållande till traditionellt stora svenska branscher. Vi valde därför att lägga in jämförelsedata från andra branscher.

Design

För att ge en snabb överblick av vilka siffror som finns tillgängliga delades tjänsten upp i områden som alla beskrev var sin aspekt av IT-branschen: omsättning och tillväxt, anställda, företag samt en jämförelsedel för att snabbt jämföra IT-branschens delbranscher.

För att kunna ge graferna den plats de behövde men ändå interaktivt kunna skala av den information användaren inte behöver lades kontrollpanelen i ett eget hopfällbart lager som följer med när användaren scrollar över sidan. Panelen gör det möjligt att visa de aspekter användaren är intresserad av.

En utmaning låg i att förenkla sättet att ta till sig statistiken utan att tappa kopplingen till siffrorna bakom. Alla grafer kompletterades därför med ett tabelläge för att besökarna lätt ska kunna hämta hem informationen i lämplig form - PDF eller Excel. Här har vi även möjlighet att i framtiden lägga in den delning av datat som vi vill erbjuda.

För att lätta upp de stora mängderna information valde vi att använda oss av stora ikoner och flikar som inbjuder till interaktion och lek. Färgmässigt fanns en utmaning i att hitta kulörer som lätt gick att hålla isär i graferna men ändå kompletterade varandra.

Produktion

Efter att ha utvärderat en stor mängd visualiseringslösningar föll vårt val på Protovis från Stanford Visualization Group: ett open source-bibliotek som bygger på JavaScript och SVG.

Protovis är ett mycket kraftfullt bibliotek, men fortfarande omoget. Vi hade en hel del diskussioner om vi hade gjort rätt teknikval:

Kanske skulle vi hittat ett annat visualiseringbibliotek som använde sig av canvas? Varför är dokumentationen av Protovis så bristfällig? Varför är Internet Explorer en så dålig webbläsare? När kommer egentligen Internet Explorer 9 (svar: tre dagar efter lanseringen) och kommer den versionen att förstå Protovis (svar: nej)?

För att få till stödet för IE använde vi biblioteket JLoves Protovis. Det konverterar JavaScript-graferna som genereras av Protovis till Flash-filer för de som använder Internet Explorer 7-9.

Framtiden

Vi ser nu fram emot att jobba med itstatistik 2.0 som är på planeringsstadiet. Denna första version betraktas av samtliga inblandade som en prototyp för hur modern statistikvisning skulle kunna se ut och fungera. Daytona följer och deltar aktivt i utvecklingen av öppna verktyg för visualisering av data (se bland annat vårt Daytona Labs-projekt Chartify) och hoppas snart kunna återkomma med det senaste från visualiseringsvärlden. Följ vårt RSS-flöde så missar du inget!

Om IT&Telekomföretagen

IT&Telekomföretagen är ett av sju arbetsgivarförbund inom Almega – Sveriges ledande organisation för tjänstesektorn. Daytona har arbetat med Almega och dess förbund sedan december 2009.

visualisering prototyp protovis javascript data

TV4 Play för webb, iPhone, iPad och Android

Daytona Communication — tis, 12 okt 2010 00:00:00 +0200

"Hur ska framtidens TV-tittande ske?" Det var en av frågeställningarna vi gavs när TV4 kom till oss i början av 2010 och ville göra om TV4 Play. "Och hur ska vi ta betalt?" var en annan. Man ville nämligen omvandla TV4 Play till en freemium-tjänst. En tredje fråga var "Hur ska man ta del av den nya TV4 Play på plattformar som iPhone, Android, iPad och Connected TVs?"

Strategi

TV-branschen är mitt uppe i en omvälvande förändring. Digitaliseringen har gjort att antalet konkurrerande distributionssätt, plattformar och aktörer har ökat kraftigt, med förändrade användarbeteenden som följd.

För att förstå allt detta – och inte minst TV4:s unika situation, affärsmodell och innehållsstrategi – genomfördes ett grundligt researcharbete. En del av detta var en omfattande omvärldsbevakning inom online-TV med omnejd för att tillsammans med TV4 få koll på framförallt amerikanska aktörers satsningar.

Med hjälp av webbanalys skaffade vi oss också en förståelse för användarnas beteende på den dåvarande TV4 Play. Några distinkta beteendemönster blev väldigt tydliga. Ett sådant var att tittandet på ett program är som störst precis efter att det slutat i den eterburna TV-sändningen. Detta beteende, tillsammans med en mängd andra, var viktiga att stödja i vårt koncept.

Koncept

I konceptfasen detaljerade vi ett antal tittartyper; modeller av användare som vi baserade på de behov och beteendemönster vi tidigare hade identifierat. Tittartyperna användes som ett verktyg som vi och TV4 kunde använda för att identifiera och prata om användarnas behov. De användare som ville se det som precis har sänts i TV kallade vi exempelvis för "catch up-tittare" och de hade sina typiska navigeringsmönster, vägar in till tjänsten, mängd tid till förfogande med mera. Beväpnade med tittartyperna tog vi fram idéer på funktionalitet och innehåll som skulle stödja deras olika behov: "Vad behöver catch up-tittaren i den här situationen?"

För de mer mobila plattformarna i projektet (iPhone, Android och iPad) definierade vi dessutom ett antal kontexter som tjänsten kunde användas i. Ett tydligt exempel på en sådan kontext var "på resan", med de specifika behov som mobilt TV-tittande på resande fot för med sig. Eftersom programmets slut sällan sammanfaller exakt med resans slut behöver användaren "på resan" till exempel möjligheten att återuppta tittandet vid ett senare tillfälle.

Även när innehållet och funktionaliteten skulle prioriteras och struktureras utgick vi från tittartyperna och kontexterna. Vissa tittartyper använde innehållskategorier för att hitta rätt, andra föredrog att använda sökfunktionen och några mer utforskande tittartyper som var ute efter förströelse, vilken som helst, hjälptes mest av kontextuell navigering.

Design

Ett centralt begrepp i projektet var "TV-känslan". Olika tittartyper efterfrågade olika mycket TV-känsla. I projektet visualiserade vi behovet som ett reglage där vi placerade en tillbakalutad TV-upplevelse i den ena änden och en framåtlutad, aktiv, social webbupplevelse i den andra. Om en vy skulle tillgodose behoven hos en viss tittartyp kunde vi använda reglaget för att kommunicera vilken känsla som vyn skulle förmedla. "Dra upp TV-känslan lite!"

För en multiplattformtjänst som TV4 Play är det viktigt att upplevelsen är enhetlig oavsett vilken terminal som användaren använder. Detta utan att frångå respektive plattforms egna interaktionsparadigm och -konventioner. I delar av projektet arbetade vi därför efter principen "mobile first", det vill säga vi utformade den mobila versionen före vi utformade webbversionen. Det gjorde det enklare att hitta kärnan av funktionalitet och innehåll som skulle finnas på alla plattformar. Sedan hade vi möjlighet att skala upp och lägga till fler saker på de enheter där det fanns mer utrymme.

För att stämma av våra idéer testade vi wireframes på användare innan vi påbörjade den visuella designen. Designen skulle hålla över hela reglagets skala: både för den avskalade TV-känslan och den informationstäta "webbiga" känslan.

Produktion

I gränssnittsutvecklingen för webbversionen, som vi gjorde tillsammans med TV4, använde vi HTML5 och JavaScript. Videospelaren, som utvecklades av Isotop, är Flash-baserad, framförallt av rättighetsskäl. TV4 utvecklade tjänstens backend på Ruby on Rails och iDealApps utvecklade de mobila apparna.

Framtiden

Vi och TV4 ser att denna första version av tjänsten lägger grunden för en framtida utveckling av mer avancerad funktionalitet. Vi har kommit långt i arbetet med nästa steg för tjänsten och ser fram emot att äntligen få dela med oss av tankarna kring framtidens TV-tittande.

design gränssnitt webbstrategi webbanalys tv interaktionsdesign personas mobila tjänster målgruppsanalys användningstester iphone android ipad html5 mobile first mobil strategi tjänstedesign

Lärarnasnyheter.se

Daytona Communication — tis, 18 maj 2010 00:00:00 +0200

Lärarnas Nyheter är en av landets största tidningssajter på Drupal och den mest heltäckande webbplatsen inom skola och utbildning.

Webbplatsen riktar sig i första hand till lärare inom alla skolformer och ämnen.

Utgångsläget

I början av 2009 kom Lärartidningar Produktion till oss på Daytona med viljan att utveckla sin webbnärvaro. Precis som de flesta andra tidningshus hade de påverkats av tidningsbranschens omvälvande förändring där målgrupperna (och därmed annonspengarna) flyttat sitt fokus till webben. Lärartidningar Produktion drev 15 papperstidningar och hade som en följd av detta nästan lika många olika lösningar på webben. En del av tidningarna gavs ut som PDF-tidning och några andra låg på spridda webbplatser med omoderna CMS. Det var också tydligt att den redaktionella processen var starkt knuten till pappersprodukterna. Detta – och periodiciteten i pappersutgåvornas utgivning – gjorde att innehållet på nätet nästan aldrig var dagsaktuellt eller gav något mervärde utöver det som fanns att hitta i pappersversionerna.

Digital strategi

Med stöd av Daytonas arbetsprocess påbörjade vi ett strategiarbete där vi, tillsammans med Lärartidningar Produktion, tog hjälp av workshops, användarintervjuer, webbanalys och omvärldsbevakning. I korthet kartlades nuläget och framtida möjliga positioner utifrån fyra perspektiv: användarnas, affärens, ekosystemets och varumärkets. Webbstrategin som formulerades baserat på detta låg sedan till grund för det fortsatta arbetet i projektet.

En webbplats med innehåll från alla 15 tidningar plus en egen redaktion

Utifrån strategiarbetet kunde vi se att det rätta draget var en nysatsning på nyheter på webben och tillsammans beslutade vi att skapa konceptet Lärarnas Nyheter – en webbplats som samlar hela produktionen från tidningshuset på en webbplats, och som dessutom kan ha ett modernt nyhetstempo med dagsaktulla nyheter och en koppling till sociala medier. Konceptfasens arbete med personas, scenarios, design- och innehållsworkshops ledde oss in i designfasen med wireframes, design och gränssnittsbygge i prototypform.

Rekrytering av redaktion, produktion och lansering

Daytona deltog i rekryteringsprocessen och var med vid intervjutillfällena för att hitta rätt person att driva Lärarnas Nyheter vidare efter att vi lämnat över projektet för produktion. Det vi levererade i slutet av sommaren 2009 var strategi, koncept, design, gränssnitt och teknisk förstudie som bland annat rekommenderade Drupal som CMS, OpenX som annonsplattform, integration med Twingly för blogglänkar, Google Analytics för webbanalys, kommentarsinloggning med OpenID och Facebook. Produktionen utfördes av Cybercom och i maj 2010 lanserades Lärarnas Nyheter.

design gränssnitt webbstrategi konceptutveckling twingly media webbanalys interaktionsdesign personas målgruppsanalys prototyp drupal openx openid scenarios

Tjejjouren.se

Daytona Communication — mån, 08 mar 2010 00:00:00 +0100

1996 startades Sveriges första tjejjour. Dit kunde unga tjejer ringa för att få stöd eller ställa frågor. I dag finns ett 60-tal tjejjourer runt om i landet och precis som vid starten är det ideellt arbetande jourtjejer som driver verksamheten.

Under de år som tjejjourrörelsen växte blev behovet av en gemensam plattform allt tydligare. De lokala jourerna behövde verktyg för att kunna samarbeta och effektivisera sin verksamhet. En gemensam kanal skulle dessutom synliggöra rörelsen och göra det enkelt för unga tjejer att hitta till de lokala jourerna. Under våren 2009 fick Daytona därför i uppdrag att skapa en helt ny webbtjänst – Tjejjouren.se.

Alla verktyg på en och samma plattform

Först identifierade vi projektets olika delar. Förutom en nationell hemsida behövdes ett intranät med både nationell och lokal nivå, en specialanpassad chatt och en frågelåda där en stödsökande kan ställa frågor anonymt. Dessutom efterfrågade flera av de lokala jourerna nya lokala hemsidor.

Nästa steg var att välja en teknisk plattform som hanterar alla dessa funktioner och samtidigt är enkel att administrera för de lokala jourtjejerna. En ideell rörelse har av naturliga skäl begränsade resurser, så den nya plattformen måste även vara dynamisk nog att hantera förändringar i organisationen (till exempel att en lokal jour tillkommer eller försvinner) utan att det krävs hjälp från externa konsulter. Som teknisk plattform valdes till sist Drupal som är dynamiskt, användarvänligt, SEO-vänligt och dessutom Open Source.

Involverade användarna

Genom hela projektet låg stort fokus på användbarhet och tillgänglighet ur alla aspekter – språk, struktur, typografi och interaktion. Vi genomförde användningstester av både innehåll och funktioner med tjejer i målgruppen (13-22 år). Dessutom fanns en panel med jourtjejer med och tyckte till om de lösningar vi tog fram, från funktionsspecifikation och wireframes till den färdiga tjänsten.

"Det får inte bli för bra"

Även kommunikativt stod Tjejjouren.se inför en utmaning. För många unga tjejer blir hemsidan det första mötet med tjejjoursrörelsen och här ska de hitta både trygghet och pepp. Samtidigt måste det framgå att verksamheten bedrivs på ideell basis. En besökare får inte komma till Tjejjouren.se och tro att det är en myndighet, eller som vår beställare uttryckte det "Det får inte bli för bra". Genom att använda ett kaxigt formspråk som präglas av collage och starka färger visar vi att tjejjourerna är seriösa och handlingskraftiga – men ingen myndighet.

Resultat över förväntan

Tjejjouren.se lanserades den 8 mars 2010 (på den internationella kvinnodagen så klart!) och sen dess besöks webbplatsen dagligen av hundratals unga tjejer som får svar på sina frågor via mail, chatt eller genom att ringa till sina lokala jourer.

Fler än hälften av landets jourer har valt att skapa nya lokala hemsidor via det verktyg som tjejjouren.se erbjuder. Där kan de själva välja utseende, innehåll och funktioner.

De ideellt arbetande jourtjejerna har fått nya möjligheter att kommunicera och utbyta erfarenheter, både inom sina egna jourer och på ett nationellt plan. Med Tjejjouren.se som verktyg kan de fokusera på sitt viktiga uppdrag – att stötta och stärka unga tjejer.

design gränssnitt interaktionsdesign användningstester drupal tjänstedesign

Wayne's Coffee i mobilen

Daytona Communication — tor, 10 dec 2009 00:00:00 +0100

Wayne's Coffee är Sveriges första och största cafékedja. Nu ungefär femton år efter grundandet driver man ungefär 100 caféer på sju marknader. Nu finns också ett stort antal konkurrenter. Trots relativt lojala kunder och lojalitetsprogram med rabattkortssystem avgörs cafévalet ofta av andra faktorer och tillfälligheter.

För att göra beslutet att gå till Wayne's Coffee lite enklare tog vi fram en mobilapplikation. I applikationen hittar man dels de närmaste Wayne's-caféerna, ser dem på en karta och får en vägbeskrivning.

Dels får man erbjudanden via applikationen som man kan lösa in i kassan på närmaste Wayne's-café. När ett nytt erbjudande kommer får man också ett meddelande om det — på iPhone via push, på Android via poll.

Designmässigt håller vi oss nära de inbyggda gränssnittselementen både på iPhone och Android. Vi undviker därmed att introducera några nya förvirrande gränssnittslösningar.

Marknadsavdelningen på Wayne's Coffee har fått en kontrollpanel där de kan skicka ut nya erbjudanden på någon av de sju marknaderna. De kan också se antalet aktiva användare och konverteringsgrad i realtid.

Vi kan tyvärr inte dela med oss av några resultat (de som presenteras på bilderna här ovan är påhittade). Vi kan dock konstatera att en ansenlig andel av de som installerat applikationen också har gått till Wayne's Coffee för att utnyttja ett erbjudande. Under sin första vecka låg applikationen etta i kategorin Livsstil i iTunes App Store, före både Blocket och Hemnet.

relationsmarknadsföring konceptutveckling webbanalys lojalitet mobila tjänster Ruby on Rails iphone android gps konvertering tjänstedesign