Spring videre til hovedindholdet

FlexyLoyalty - Visuelt udtryk

Denne vejledning beskriver, hvilke filer, billeder, farver og temaindstillinger Flexybox skal bruge for at oprette og tilpasse din FlexyLoyalty-app. Du får også vejledning i opsætning af appens design, billeder, tema og afdelinger.

Oprettelse af FlexyLoyalty app

Denne vejledning forklarer, hvad Flexybox skal bruge for at oprette FlexyLoyalty app.

For at oprette din app skal Flexybox bruge følgende:

APP IKON

Ikonet bruges som appens genvej på din telefon.

  • Navngiv billedfilen: App Ikon

  • Filtypen: png, jpg, jpeg.

  • Maks. 2 MB

  • Billedformat: 1/1

  • Transparent baggrund anbefales

  • Ingen margen (padding) anbefales

Justeres nedenstående:

BAGGRUNDSFARVE

  • Angiv Hex kode

Justeres nedenstående:

BUTIKSBANNER

Info:

  • Navngiv billedfilen: BUTIKSBANNER

  • Filtypen: png, jpg, jpeg.

  • Maks. 2 MB

  • Opløsning: 1024x500px

Justeres nedenstående:

BAGGRUNDSBILLEDE - LOGIN

Info:

  • Din baggrund vil blive vist på Login-skærmen.

  • Den kan ikke være i light mode, når man ikke er logget ind

  • Navngiv billedfilen: Baggrundbillede - Login

  • Filtypen: png, jpg, jpeg.

  • Maks. 2 MB

  • Billedformat: 9/16

Justeres og vises i appen markeret med orange pil vist nedenstående:

LOGO MED TRANSPARENT BAGGRUND

Hvis dit baggrundsbillede er uden logo, kan du få sat dit logo ovenpå din baggrund,.

  • Det vil blive vist på Login-skærmen.

Bemærk!

  • Er dit baggrundbillede med logo, skal markøren med lille pil ikke slåes til

  • Den kan ikke være i light mode, når man ikke er logget ind

  • Navngiv billedfilen: Logo med transparent baggrund

  • Filtypen: png., jpg, jpeg med transparent baggrund

  • Maks. 2 MB

  • Billedformat: valgfrit

Justeres og vises i appen markeret med orange pil vist nedenstående:

BAGGRUNDSBILLEDE - ONBOARDING

  • Baggrundsbillede som vises i onboarding

Info:

  • Det kan ikke være i light mode, når man ikke er logget ind

  • Navngiv billedfilen: Baggrundbillede - Onboarding

  • Filtypen: png, jpg, jpeg.

  • Maks. 2 MB

  • Billedformat: 9/16

Justeres og vises i appen markeret med orange pil vist nedenstående:

MEDIE

Et stemningsbillede der giver et visuelt udtryk i appen.

  • Navngiv billedfilen: Medie

  • Filtypen: png, jpg, jpeg.,

  • Maks. -

  • Billedformat: 370x260 eller 16:9

Justeres og vises i appen markeret med orange pil vist nedenstående:

TOPBJÆLKE LOGO

Hvis dit fulde logo ikke ser godt ud i nedskaleret tilstand, så overvej at bruge en simplificeret udgave.

Info:

  • Bruges, når appen vises i lys tilstand / Light mode som vist nedenstående

  • Navngiv billedfilen: Topbjælke logo

  • Filtypen: png, jpg og jpeg med transparent baggrund

  • Maks. 2 MB.

  • Billedformat: Valgfrit

Justeres og vises i appen markeret med orange pil vist nedenstående:

TOPBJÆLKE LOGO - MØRK TILSTAND

Alternativt logo til når appen sættes til visning i mørk tilstand / Dark Mode

  • Navngiv billedfilen: Topbjælke logo - mørk tilstand

  • Filtypen: png, jpg og jpeg med transparent baggrund

  • Maks. 2 MB

  • Billedformat: valgtfrit

Justeres og vises i appen markeret med orange pil vist nedenstående:

TEMA

Du kan selv definere temaet, så det reflekterer dit brand.

  • Dit valgte tema reflekteres i appen bl.a. på knapperne vist nedenstående med de organge pile

  • Det reflekteres også på profile.flexybox.com/ditfirmaurl/classes-new . Se nedenstående.

  • Du kan tilgå Theme Builder via nedenstående knap:

Eller via:

Bemærk! Du skal være oprettet som medarbejder og have administrator rettigheder.

Opret nyt tema, rediger eller slet eksisterende tema

  • Tryk på Nyt tema for at oprette et nyt tema (nr. 1).

  • Tryk på de tre prikker for at redigere eller slette et allerede oprettet tema (nr. 2).

  • Tryk på Rediger for at redigere eksisterende tema (nr. 3).

  • Tryk på Slet for at slette eksisterende tema (nr. 4).

For at oprette nyt tema:

  • Tryk på Logo og farver.

  • Navngiv Tema (nr. 1).

  • Upload Logo (nr. 2).

  • Vælg primær farve (nr. 3).

    • Bemærk! Benyt evt. pipetten såfremt du ikke har HEX-kode.

  • Vælg sekundær farve (nr. 4).

    • Bemærk! Benyt evt. pipetten såfremt du ikke har HEX-kode

  • Tryk Næste (nr. 5).

  • Tryk på Skrifttyper.

  • Vælg skrifttype til titler (nr. 6).

  • Vælg skrifttype til felter & knapper (nr. 7).

  • Tryk på Gem (nr. 8).

  • Refresh siden f.eks. din holdoversigt og se, at Temaet har taget øjeblikkelig effekt.

Billeder på afdeling

Trin 1:

  • Login med mailadresse og kundekode

  • Tryk Admin (nr. 1).

  • Tryk Afdelinger (nr. 2).

  • Vælg den pågældende afdeling (nr. 3).

  • Træk filer ind for at uploade eller vælg filer under Billedgalleri (nr. 4).

  • Tryk Gem (nr. 5). Det tager øjeblikkelig effekt.

  • Billedet benyttes i FlexyLoyalty appen under 'afdeling'. Det kan f.eks. være et billede af facaden på afdelingen. Det ser således ud (nr. 1):

Holdbeskrivelser og holdbilleder

Genkendelighed med instruktøren via billede

Vises således på hjemmesiden og holdbooking:

  • Her har instruktøren ikke uploadet et billede (nr. 1).

  • Her har instruktøren uploadet et billede (nr. 2).

Hjemmeside:

App:

Instruktøren skal selv uploade sit billede

Dette gøres således:

Nuværende app

Nye app

Besvarede dette dit spørgsmål?