3 måder at udvikle din app på

Du kan vælge mellem 3 forskellige tilgange, når du vil have en app med starti.app:

1:1-løsning

Brug din hjemmeside, præcis som den er. Det, du ser på hjemmesiden, vises også i appen – også når du laver ændringer på hjemmesiden.

Denne løsning anbefales til dig, der har en enkelt designet hjemmeside og blot ønsker adgang til mobile funktioner. Her laves der ingen eller meget få designændringer.

Mindre tilpasninger

Hjemmesiden er stadig kernen i appen, men du kan vælge at lave tilpasninger af hjemmesiden, der kun vises i appen.

Populære tilpasninger er fx en fast “app-menubjælke” eller fjernelse af hjemmesidens footer i appen. Disse ændringer kan din webudvikler nemt klare.

Se her, hvilke mindre tilpasninger vi anbefaler, du laver.

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

Skræddersyet

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

Denne løsning anbefales, hvis du ikke allerede har en hjemmeside, eller hvis du vil vise noget nyt i din app.

Det kan også være, at du har indhold på din hjemmeside, der ikke fungerer perfekt i en app. Med den skræddersyede løsning kan du tilpasse det indhold, så det vises på én måde i appen og en anden måde på hjemmesiden.

starti.apps tilgang til design, UX og funktionalitet er ekstremt professionel og kreativ. Det er sjældent at opleve et udviklingsteam, der både kan eksekvere hurtigt og samtidig forstå kunden så godt.

Jimmy Vejlemark

Chief Digital Officer hos Vetnordic A/S

Vetnordics 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 hverdagen – lettere for deres kunder. I vores designproces fokuserede vi på:

Vi startede med at fjerne alle de “unødvendige” elementer fra forsiden – herunder footer, logoer osv. Vi flyttede kurven ind i en app-menubjælke sammen med søgefunktionen, kategorisider, favoritlister og profil. Derefter fremhævede vi søgefunktionen og (i første omgang) login-sektionen, som er blandt de funktioner, Vetnordics kunder har mest brug for.

Når kunden er logget ind, fremhævede vi: aktuelle kampagner, kurser, favoritter og mest købte produkter på forsiden.

Alt dette blev gjort med et design, der matcher Vetnordics brand, samtidig med at appen er nem og intuitiv for deres kunder at bruge.

Vetnordics forside på web Vetnordics forside i appen

Igen var fokus på at fjerne alle unødvendige informationer fra hjemmesiden, som brugeren ikke har brug for i appen. Derefter designede vi produktsiderne, så “Læg i kurv”-knappen altid er synlig – uanset hvor brugeren befinder sig på siden.

Det nye design af produktsiderne er helt fri for “rod” for brugerne, hvilket gør det nemt og ligetil at bestille de ønskede produkter.

Vetnordics produktside på web Vetnordics produktside i appen

Nogle af kategorisiderne på Vetnordics hjemmeside er ret lange, så vi sørgede for, at sorteringsmulighederne forbliver synlige, når du scroller i appen. Det giver brugeren mulighed for nemt og hurtigt at indsnævre til præcis det produkt, de leder efter, på en lang liste.

Vi fjernede også unødvendige bokse og margener i appen, så produkterne træder tydeligere frem.

Vetnordics kategoriside på web Vetnordics kategoriside i appen

Vetnordic har branchens bedste søgefunktion, så det var helt afgørende at levere en god søgeoplevelse i appen! For at opnå det implementerede vi følgende:

  • Søgefeltet “pulserer” blidt med en grøn baggrund på forsiden, så det træder tydeligt frem.
  • Søgefunktionen er også med i app-menubjælken, så den altid er nem at finde – uanset hvor brugeren er i appen.
  • Inde i søgefunktionen kan brugerne søge på tre forskellige måder:
    1. Ved manuelt at indtaste en søgeterm
    2. Ved at scanne et produkts QR-kode eller stregkode
    3. Ved at browse gennem forskellige kategorier

Vores opgave var at gøre alle tre søgemetoder intuitive, så brugerne nemt kan finde det produkt, de leder efter, på den måde, der passer dem bedst.

Vetnordics søgning på web Vetnordics søgning i appen

Når en kunde tilføjer et produkt til en favoritliste, er det, fordi de hurtigt vil finde det produkt igen. Derfor designede vi en favoritside i appen, der er let tilgængelig via app-menubjælken og giver et klart, velorganiseret overblik over alle de produkter, der er tilføjet som favoritter.

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

Vetnordics favoritside på web Vetnordics favoritside i appen

Hele processen har været ekstremt praksisnær. Vi gik efter et funktionelt design, og derfor måtte vi turde forenkle – også når det gjorde ondt. Det har resulteret i et produkt, som vores kunder rent faktisk bruger og vender tilbage til.

Jimmy Vejlemark

Chief Digital Officer hos Vetnordic A/S

Tidslinje for designprocessen

Vores designproces tager omkring 14 dage og resulterer i et design, som du kan implementere direkte i din app med webteknologi.

Dag 1 – Inspirations- og designmøde (begge)

Vi holder et møde, hvor du giver input til designet 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.

Du kan forberede følgende inden mødet for at gøre det mere effektivt:

  • Lav en liste over de 5 sider, du vil have designet
  • Saml en mappe med dine fonte, farvekoder, ikoner og grafik
  • Notér eventuelle krav og ønsker til designet
  • Hvis du ønsker design af app-ikon, så medbring logofiler og eventuelle specifikke ønsker til app-ikonet.

Dag 2–7 – Designproces (os)

Vores grafiske designer udarbejder et designudkast baseret på dit input.

Dag 7–10 – Test (dig)

En uge efter vores møde modtager du et interaktivt udkast til det nye design. Her kan du teste designet og funktionaliteterne, navigere mellem sider og få en fornemmelse af, hvordan appen kommer til at se ud og fungere.

Du kan teste designet på lige så mange mobile enheder, du har brug for – og det anbefaler vi kraftigt. Der er ofte stor forskel på, hvordan et design føles på en stor vs. lille skærm, eller på en iPhone vs. en Android-enhed.

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å funktionaliteten – opfører appen sig som forventet?
  • Overvej brugeroplevelsen – er appen intuitiv at bruge?
  • Sørg for at teste på forskellige enheder: Vælg både en iPhone og en Android samt telefoner med både store og små skærme. Det er også en fordel, at mere end én person tester
  • Mens du tester, så notér små fejl og justeringer i et dokument. Vær specifik omkring, hvor i appen ændringerne gælder – det gør det meget lettere for os at rette dem.

Dag 11–14 – Sidste justeringer (os)

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

Disse justeringer er som regel hurtige at lave, og det er sjældent, at alle 3 dage er nødvendige.

Når alle justeringer er gennemført, kan designet implementeres direkte i appen. Du kan enten vælge selv at implementere designet (med webteknologi), eller du kan få hjælp af vores udviklere. Ønsker du vores hjælp til implementeringen, kan dette tilkøbes på timebasis.

FAQ - Designprocessen

starti.app bygger din app på din hjemmeside. Det betyder, at alt, der vises i din app, er indhold, der kommer fra din hjemmeside. Det betyder dog ikke, at du behøver at ændre det design, der er synligt på din hjemmeside.

Ligesom du har både et desktop- og et mobildesign til din hjemmeside, kan du med starti.app også få et app-design. Det betyder, at du har mulighed for at vise din hjemmeside på én måde i browseren på mobilen og på en anden måde i appen.

Hvis du senere ønsker at justere design, tekst, billeder osv. i appen, gøres det nemt via din hjemmeside.

Dit input er en vigtig del af designprocessen. Det varierer meget fra kunde til kunde, hvor mange idéer og tanker de allerede har gjort sig om appens design. Derfor holder vi altid et inspirations- og designmøde, før vi går i gang med selve designarbejdet. Her kan du dele alle dine input, krav og idéer. Det er også her, du skal give farvekoder, fonte, grafik, ikoner osv., hvis du allerede har en designguide, vi skal følge.

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

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

  • Medbring designelementer som farvekoder, fonte, ikoner, grafik osv., hvis du allerede har designkrav, vi skal følge
  • Vælg de 5 sider, du gerne vil have et designudkast på
  • Fortæl os, hvis du har idéer eller tanker om designet. Mange kunder vælger at fremhæve andre apps, de godt kan lide og ønsker, at vi henter inspiration fra

Test designet: Når vi har et designudkast klar, sender vi det til dig, og det er dit ansvar at teste det for fejl eller problemer. Det er en god idé at lave en liste over de justeringer, du gerne vil have os til at lave, så vi kan sikre, at designet bliver præcis, som du ønsker det.

Det er helt okay, hvis du ikke har nogen designelementer, vi skal følge. I så fald henter vi inspiration fra din hjemmeside og sørger for at designe appen, så der er en tydelig visuel sammenhæng mellem den og din hjemmeside.

Vi kan også selv designe ikoner og vælge farver og fonte, hvis du ikke allerede har besluttet noget specifikt.

Det varierer meget, hvilke sider vores kunder vælger at få designet. Oftest vælges dog forsiden, da den ofte er det første, dine brugere ser i appen.

Derudover vælger webshops typisk deres produktsider, kategorisider, kurv og favoritliste.

SaaS-virksomheder vælger typisk sider med statistik/overblik, funktioner (såsom kortvisning, filtrering, kalender osv.), inputmuligheder og profilsider.

Hvis du er i tvivl om, hvilke 5 sider du skal vælge, kan det være en hjælp at kigge på de sider på din hjemmeside med mest trafik. Det er sandsynligvis også de sider, der vil få mest trafik i appen, og derfor et godt udgangspunkt.

Ja. I vores designpakke betaler du for op til 5 sider - uanset om vi designer 2 eller alle 5 for dig. Det skyldes, at vores designer bruger tid på at lære dit brand og din stil at kende for at skabe det bedst mulige design til dig.

Hvis du ønsker, at vi designer mere end 5 sider, kan du nemt tilkøbe flere. Efter de første 5 sider (inkluderet i designpakken) koster hver ekstra side 670 EUR.

Bemærk: Husk, at hvis du fx er en webshop og vælger at få designet en produktside, kan det design genbruges på tværs af alle dine produkter - ikke kun den ene specifikke side.

Når vi har et designudkast klar, sender vi dig et link til et interaktivt design af de 5 udvalgte sider i din app. Linket kan åbnes både på en computer og en mobil - men vores klare anbefaling er, at du åbner det gennem starti.app-appen, for på den måde får du præcis den rigtige fornemmelse af, hvordan din app bliver.

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

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

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

Når vi har lavet et design, sender vi det til dig til test. Her skal du teste både funktionaliteten (dvs. virker det, som det skal?) og det visuelle. I testfasen har du mulighed for at foreslå justeringer af designet - både funktionelle og visuelle. Vores primære opgave her er at lave de nødvendige ændringer, så du bliver 100 % tilfreds.

Og husk, jo mere input du giver os under inspirations- og designmødet, jo tættere kan vi komme på præcis det design, du ønsker.

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

Mindre tilpasninger = små justeringer af hjemmesiden, der får den til at se mere “app-agtig” ud, når den vises i appen. For eksempel en ny menubjælke, skjult footer osv.

Skræddersyet design = større ændringer i fx design eller layout i appen sammenlignet med hjemmesiden. Du kan vælge denne mulighed, hvis:

  • Din hjemmeside ikke fungerer optimalt som app
  • Du har brug for indhold i din app, som du ikke allerede har på hjemmesiden
  • Du vil optimere din app helt ned i mindste detalje

Begge typer ændringer vil kun være synlige i appen og vil ikke påvirke din hjemmeside.

Designpakken koster 25.000 DKK og inkluderer:

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

Du har mulighed for at tilkøbe design af yderligere sider til 5.000 DKK pr. ekstra side.

Ja. Bemærk, at prisen for vores designpakke ikke inkluderer implementeringen af designet. Det er din egen webudvikler, der er ansvarlig for det. Hvis du ønsker vores hjælp til at implementere designet, kan du tilkøbe dette på timebasis. Den gældende timepris afhænger af, hvilken abonnementspakke du har.

Ja, selvfølgelig! En af de ekstra gode ting ved starti.app er, at du løbende kan lave ændringer i din app - via din hjemmeside - UDEN at det kræver en opdatering af selve appen.

(Normalt kræver Apple og Google en app-opdatering, når du vil lave ændringer. Men ikke med starti.app.)

Hvis du vil starte med en 1:1-løsning og bagefter ønsker at ændre designet i appen, kan det nemt gøres direkte via din hjemmeside med webteknologi.

Skal vi hjælpe med at designe din app?

Ring til os på 82 30 34 21 eller send en mail til info@starti.app, hvis du ønsker vores hjælp til at designe din app.

Du kan også booke en demo med mig og høre meget mere om designpakken.

Niels Ladegaard Beck

Stifter og direktør i starti.app

Niels Ladegaard Beck er stifter og direktør i starti.app