Design din app lige som du vil have den

starti.app tilbyder designhjælp til dig, der gerne vil have din app til at skille sig visuelt ud fra din hjemmeside.

3 måder at udvikle din app

Du kan vælge imellem 3 forskellige tilgange, når du skal have en app med starti.app:
1-1 løsning

Brug dit website præcis som det er. Det, du ser på websitet, bliver også vist i appen - også når du laver ændringer på websitet.

Denne løsning anbefales til dig, der har et simpelt designet website og blot ønsker adgang til mobilens funktioner. Her laves ingen/meget få designmæssige ændringer.

Småjusteringer

Websitet er stadig kernen i appen, men du kan vælge at lave justeringer på websitet, som kun bliver vist i appen.

Populære justeringer er fx: en fast “app-menubar” eller at fjerne websitets footer i appen. Disse ændringer kan din webudvikler nemt klare.

Se her, hvilke småjusteringer vi anbefaler, at du laver.

Med starti.apps designpakke, kan du få vores
hjælp til et skræddersyet design i din app!
Skræddersyet

Nogle vælger at bygge noget helt nyt webindhold, som skal vises i appen. Dette indhold kan skjules på websitet.

Denne løsning anbefales, hvis du ikke har et website i forvejen, eller ønsker at vise noget nyt i din app.

Det kan også være, du har noget indhold på dit website, der ikke spiller 100% i en app. Så kan du med den skræddersyede løsning justere det indhold, så det ser ud på én måde i appen og på en anden måde på websitet.

"starti.apps tilgang til både design, UX og funktionalitet er ekstrem professionel og kreativ. Det er sjældent, man oplever et udviklingsteam, der både kan eksekvere hurtigt og samtidig forstår kunden så godt."

Jimmy Vejlemark, Chief Digital Officer hos Vetnordic A/S

Vetnordic's nye app design

Vetnordic fik hjælp af starti.app til at designe nogle af de vigtigste sider i deres app. Vetnordic gik efter et funktionelt design, der skulle gøre brugen af appen, og dermed også hverdagen, nemmere for deres kunder.

I vores designproces havde vi fokus på:

Vi startede med at fjerne alt det “unødvendige” fra forsiden - blandt andet footeren, logoer, osv. Kurven flyttede vi ned i en app-menubar sammen med søgefunktionen, kategorisiderne, favoritlister og profil. Så fremhævede vi særligt søgefunktionen og (i første omgang) login sektionen, som er noget af det, Vetnordics kunder har mest brug for. Når kunden er logget ind, har vi fremhævet: aktuelle kampagner, kurser, favoritter og mest købte produkter på forsiden.

Alt sammen med et design, der matcher Vetnordics brand, og som samtidig gør det nemt og intuitivt for deres kunder at bruge appen.

Web
App

Igen handlede det om at fjerne alt det unødvendige info fra hjemmesiden, som brugeren ikke behøver i appen. Herefter designede vi produktsiderne sådan, at “Tilføj til kurv” knappen altid er synlig - uanset hvor på siden, brugeren befinder sig.

Det nye design af produktsiderne er helt uden “støj” for brugerne, og gør det nemt og overskueligt at bestille de ønskede produkter.

Web
App

Nogle af kategorisiderne på Vetnordics hjemmeside bliver meget lange, og derfor har vi sørget for, at sorteringsmulighederne følger med, når man scroller i appen. På den måde kan brugeren nemt og hurtigt spore sig ind på det helt rette produkt på den lange liste.

Vi har også fjernet unødvendige kasser og marginer i appen, så produkterne træder ekstra tydeligt frem.

Web
App

Vetnordic har branchens bedste søgefunktion, og derfor er det helt essentielt, at søgeoplevelsen er god i appen! Derfor har vi implementeret følgende:

  • Søgebaren står og “pulserer” med en grøn baggrund på forsiden, så man virkelig lægger mærke til den.
  • Søgefunktionen er også tilføjet i app-menubaren, så den altid er nem at finde - uanset hvor i appen, brugeren befinder sig.
  • Når man er inde i søgefunktionen, kan man søge på 3 forskellige måder:
    1. Ved selv at indtaste søgeord
    2. Ved at scanne et produkts QR-/stregkode
    3. Ved at gennemse de forskellige kategorier

Vores opgave bestod i at gøre alle 3 søgemetoder intuitive, så brugerne nemt kan finde frem til det ønskede produkt på den måde, de foretrækker.

Web
App

Når en kunde lægger et produkt på en favoritliste, er det fordi han/hun lynhurtigt vil kunne finde frem til produktet igen. Derfor designede vi en favoritside i appen, der nemt kan tilgås via app-menubaren, og som indeholder en super overskuelig præsentation af alle de produkter, der er blevet tilføjet til favoritsiden.

Her kan kunden nemt sammenligne produkterne, se priser og lagerstatus samt lægge produkterne direkte i kurven.

Web
App
"Hele processen har været ekstremt praksisnær. Vi gik efter et funktionelt design, og derfor skulle vi turde at simplificere - også når det gjorde ondt. Det har skabt et produkt, som vores kunder faktisk bruger og vender tilbage til."

Jimmy Vejlemark, Chief Digital Officer hos Vetnordic A/S

Tidslinje over designprocessen

Vores designprocess tager cirka 14 dage og resulterer i et design, som du kan implementere direkte i din app ved hjælp af webteknologi.
Dag 1 - Inspirations- og designmøde (begge)

Vi holder et møde, hvor du kommer med input til design og leverer eventuelle fonte, farver, ikoner og andre visuelle elementer. På mødet definerer vi op til 5 sider i appen, der skal have et skræddersyet design.

Dette kan du med fordel klargøre inden mødet:

  • Lav en liste med de 5 sider, du gerne vil have designet
  • En samlet mappe med jeres fonte, farvekoder, ikoner og grafikker
  • Eventuelle krav og ønsker til designet
  • Hvis du ønsker design af app-ikoner, skal du medbringe logo-filer og eventuelle ønsker til et app-ikon.
Dag 2-7 - Designproces (os)

Vores grafiker udarbejder et designudkast ud fra dine input.

Dag 7-10 - Test (dig)

En uge efter vores møde modtager du et interaktivt udkast af det nye design. Her kan du teste design og funktionaliteter, hoppe rundt mellem siderne og få en følelse af, hvordan appen kommer til at blive.

Du kan teste designet på alle de mobiler, du har behov for, og det anbefaler vi selvfølgelig, at du gør. Der kan nemlig være stor forskel på, hvordan et design føles på en stor og en lille skærm samt en iPhone og en Android.

Typisk tager det 1-3 dage for dig og dit team at teste designet.

Hvordan tester du et design?

  • Kig på det visuelle - ser det ud, som du ønskede?
  • Kig på det funktionelle - virker appen som forventet?
  • Kig på brugeroplevelsen - er brugen af appen intuitiv?
  • Sørg for at teste på flere forskellige enheder: Vælg både en iPhone og en Android, vælg også både en mobil med en stor og en lille skærm. Det er samtidig en fordel, at der er mere en én person, der tester
  • Noter finjusteringer og småfejl i et dokument mens du tester, og sørg for at notere hvor i appen, der er rettelser - så er det meget nemmere for os at løse det.
Dag 11-14 - Finjusteringer (os)

Efter at have testet designet, har du måske nogle finjusteringer, som du gerne vil have implementeret. Det er helt normalt, og det sørger vi altid for at afsætte tid til.

Finjusteringer er ofte super hurtige at løse, og det er sjældent, der er brug for 3 hele dage.

Når alle finjusteringerne er lavet, kan designet implementeres direkte i appen. Du kan enten vælge at implementere designet selv (ved hjælp af webteknologi) eller du kan få hjælp fra vores udviklere. Ønsker du vores hjælp til implementering af designet, tilkøbes dette på timepris.

FAQ - Designprocessen

Skal jeg ændre designet på mit website for at ændre designet i appen?

starti.app baserer din app på dit website. Det betyder, at alt, der bliver vist i din app, er noget indhold, der kommer fra dit website. Det betyder dog ikke, at du skal ændre i det design, man kan se på dit website.

Ligesom du både har et desktop og et mobil design af dit website, kan du med starti.app også få et app-design. Det betyder altså, at du har mulighed for at vise dit website på én måde i browseren på mobilen og på en anden måde i appen.

Hvis du senere hen vil justere i designet, teksten, billeder, osv. i appen, gøres dette nemt via dit website.

Kan jeg komme med input til designet?

Dit input er en vigtig del af designprocessen. Det er meget forskelligt fra kunde til kunde, hvor mange idéer og tanker de selv har gjort sig i forhold til designet i appen. Derfor holder vi altid et inspirations- og designmøde, inden vi går i gang med selve designet. Her kan du komme med alle dine input, krav og idéer. Det er også her, du skal levere farvekoder, fonte, grafikker, ikoner osv., hvis du i forvejen har en designguide, vi skal holde os til.

Det er med andre ord helt op til dig, hvor stor indflydelse du ønsker at have på designet.

Hvad skal jeg selv gøre i forbindelse med designprocessen?

Forbered og deltag i vores inspirations- og designmøde:

  • Medbringe designelementer som farvekoder, fonte, ikoner, grafikker, osv., hvis du i forvejen har nogle designkrav, vi skal holde os til
  • Udvælg de 5 sider, du gerne vil have et designudkast til
  • Informer os hvis du har idéer/tanker om designet. Mange vælger at fremhæve andre apps, de godt kan lide og ønsker, at vi lader os inspirere af

Test designet:

Når vi har et designudkast klar, sender vi det til dig, og så er det dit ansvar at teste det for eventuelle fejl og mangler. Her er det en god idé at lave en liste over de justeringer, du ønsker vi laver, så vi kan sikre, at dit design bliver lige, som du ønsker dig det.

Hvad nu hvis jeg ikke har nogen designelementer, jeg kan medbringe?

Det er helt okay, hvis du ikke har designelementer, vi skal holde os til. I sådan en situation læner vi os op ad dit website, og sørger for at designe appen, så der er en klar rød tråd imellem den og dit website.

Vi har også mulighed for selv at designe ikoner samt udvælge farver og fonte, hvis du ikke selv har fastlåst dig på noget.

Hvilke sider i min app skal jeg vælge til et skræddersyet design?

Det er meget forskelligt, hvilke sider, vores kunder vælger at få designet. Fælles for langt de fleste er dog forsiden, da det ofte er det første, dine brugere møder i appen.

Herudover vælger webshops typisk deres produktsider, kategorisider, kurv og favoritlister.

SaaS virksomheder vælger typisk sider med statistik/overblik, funktioner (fx kortvisning, filtrering, kalender, osv), input muligheder og profilsider.

Hvis du ikke er sikker på, hvilke 5 sider, du skal vælge, kan det være en fordel at kigge på de sider på din hjemmeside med mest trafik. Det vil typisk også være de sider, der får mest trafik i appen, og derfor er de et godt sted at starte.

Kan jeg få designet mere end 5 sider?

Ja. I vores designpakke betaler du for op til 5 sider - uanset om vi designer 5 eller 2 sider for dig. Det gør du, fordi vores designer bruger tid på at sætte sig ind i dit univers, så vi kan skabe det bedste design til dig.

Ønsker du, at vi designer mere end 5 sider for dig, kan du sagtens tilkøbe flere sider. Efter de første 5 sider (som er inkluderet i designpakken), koster hver ekstra side 5.000 kr.

OBS: Husk på at hvis du fx er en webshop, og vælger at få designet en produktside, kan dette design bruges på alle dine produkter, og ikke kun den ene udvalgte side.

Hvordan foregår test-delen, og hvad betyder “interaktivt design”?

Når vi har et designudkast klar, sender vi dig et link til et interaktivt design af de 5 valgte sider i din app. Linket kan både åbnes på en desktop og en mobil - vores klare anbefaling er dog, at du åbner det igennem starti.app appen, så får du nemlig den helt rigtige følelse af, hvordan din app bliver.

(Vi vedhæfter en beskrivelse af, hvordan du kan åbne designet direkte igennem starti.app appen, når vi sender dig vores designudkast.)

Et interaktivt design betyder, at du kan navigere rundt imellem de forskellige sider, du kan trykke på udvalgte knapper, teste funktioner osv.

Vi anbefaler altid, at app designet testes på flere forskellige devices og af flere forskellige brugere.

Hvad gør jeg, hvis jeg ikke er tilfreds med designet?

Når vi har udarbejdet et design, sender vi det til test hos dig. Her skal du både teste det funktionelle (altså: virker det, som det skal?), men også det visuelle. I testfasen har du mulighed for at komme med justeringer til designet - både det funktionelle og det visuelle. Her er det vores fornemmeste opgave at rette til, så du bliver 100% tilfreds.

Og husk på, at jo flere input du giver os til inspirations- og designmødet, jo tættere kan vi komme på lige netop det design, du ønsker dig.

Det er dog vigtigt at slå fast, at smag og æstetik er individuelt, og vi designer ud fra de input og ønsker, vi modtager. Når vi har præsenteret et gennemarbejdet design og tilpasset det ud fra dine justeringer, kan vi desværre ikke tage ansvar for, hvis det endelige resultat ikke matcher din personlige smag.

Hvad er forskellen på småjusteringer og et skræddersyet design?

Småjusteringer = mindre tilpasninger af websitet, som gør det mere “app-ish”, når det vises i appen. For eksempel en ny menubar, skjult footer, osv.

Skræddersyet design = større ændringer i fx design eller opsætning i appen i forhold til websitet. Du kan med fordel vælge denne løsning, hvis:

  • Dit website ikke fungere optimalt som en app
  • Du har behov for indhold i din app, som du ikke har på websitet i forvejen
  • Du gerne vil optimere din app helt ned til mindste detalje

Begge typer af ændringer vil kun være synlige i appen, og kommer ikke til at påvirke dit website.

Hvad koster jeres designpakke?

Designpakken koster 25.000 kr. og inkluderer:

  • Et mockup af dit app design til 5 udvalgte sider i din app
  • Design af 6 forskellige app-ikoner

Du har mulighed for at tilkøbe design til flere sider for 5.000 kr. pr. ekstra side.

Er det muligt at få hjælp med både design og implementering?

Ja. Vær opmærksom på, at prisen på vores designpakke ikke inkluderer implementering af designet. Det er din egen webudvikler, der står for det. Ønsker du vores hjælp til implementering af designet, kan du tilkøbe dette på timebasis. Her henviser vi til den gældende timepris, som er afhængig af hvilken abonnementspakke, du er på.

Kan jeg ændre designet efter min app er udgivet?

Ja, selvfølgelig! En af de ekstra gode ting ved starti.app er, at du løbende kan ændre i din app - via dit website - UDEN det kræver en opdatering af selve appen.
(Normalt er det nemlig sådan, at Apple og Google kræver en opdatering af appen, når man gerne vil lave ændringer. Men ikke med starti.app.)

Hvis du ønsker at starte med en 1:1 løsning og efterfølgende gerne vil ændre designet i appen, gøres dette nemt direkte igennem dit website ved hjælp af webteknologi.

Skal vi hjælpe med at designe din app?

Giv os et kald på 82 30 34 21 eller send en mail på info@starti.app,
hvis du gerne vil have vores hjælp til at designe din app. Du kan også booke en demo med vores CEO, Niels, og høre meget mere om designpakken.

Book demo med Niels
Niels Ladegaard Beck is founder and CEO at starti.app