GatewayAPI — UI/UX design af en global SMS- og messaging API platform
Projekt beskrivelse
Website
GatewayAPI trængte til et kæmpe make-over i 2019, hvor de havde en forældet side. De skulle bruge noget som fulgte med udviklingen af markedet, så præsentabel ud og udstrålede troværdighed. Fra 2019 til start 2026 har jeg stået for at designe alt tilhørende GatewayAPI på deres hjemmeside, udvikle på deres branding, animationer og videoer, SoMe-posts og komponenter til daværende dashboard samt nyt ui af dashboard.
Webdesign
Branding
Animation
SoMe
Dashboard
Rolle i projektet:
UI/UX designer / design lead
Team størrelse:
6 personer
Målgruppe:
Udviklere, ledere og generelt B2B kunder samt organisationer
Er du recruiter eller leder og søger en designer?
Jeg håber du finder projektet spændende – hvis du har nogle spørgsmål, så er du altid velkommen til at række ud og sende en besked til mig. Forhåbentlig får du en god forståelse af mine projekter og færdigheder igennem præsentationen her.
Website før min start
Da jeg startede i 2019, fremstod hjemmesiden som vist herunder. Den var funktionel, indeholdt animationer og opfyldte de mest basale behov. I takt med at GatewayAPI voksede markant og etablerede sig som en væsentlig aktør i branchen, fulgte den eksisterende hjemmeside dog ikke med udviklingen. Den skalerede hverken i forhold til virksomhedens vækst, branchens standarder eller kundernes forventninger til et brand af den størrelse. Derfor blev det nødvendigt med en gennemgribende redesignproces.
Website start 2026
I 2019 havde GatewayAPI allerede engageret eksterne samarbejdspartnere til at designe og påbegynde udviklingen af en ny hjemmeside. Ved min opstart var projektet dog endnu ikke færdiggjort. Processen var præget af uklar struktur, lav fremdrift og et ufuldstændigt design bestående af fragmenterede leverancer, hvilket hæmmede projektets fremgang.
GatewayAPI blev derfor et af mine første større projekter, hvor jeg i tæt samarbejde med en udvikler og et eksternt marketingteam overtog og videreførte arbejdet. Projektet blev færdiggjort og lanceret, hvorefter fokus skiftede til løbende videreudvikling af brand, tone of voice og visuel stil.
Dette omfattede blandt andet udvidelse med flere undersider samt gentagne redesigns af både hero-sektionen og forsiden, i takt med nye strategiske retninger og budskaber. Nedenstående billede viser et eksempel på forsiden fra starten af 2026. For det fulde resultat henvises til den live hjemmeside.
Kontinuert brand udvikling
Udviklingen af brandet har været et gennemgående fokus gennem hele min tid hos ONLINECITY.IO. Nedenfor ses eksempler på, hvordan blogindlæggenes thumbnails fremstod ved min opstart i 2019. Det visuelle udtryk var primært baseret på stockbilleder, hurtigt producerede kundegrafikker og øvrigt indhold uden en klar visuel retning, hvilket resulterede i et mindre sammenhængende og mindre attraktivt helhedsindtryk.
Mere moderne grafisk stil der taler til målgruppen og følger produktet
Siden 2019 har der været et kontinuerligt fokus på at udvikle og forfine den visuelle stil og tone i grafikkerne til blogindlæg, da disse udgør et centralt element i kommunikationen med kunderne. Grafikkerne er blevet markant mere professionelle og målrettede, med en tydeligere kobling til det enkelte blogindlægs emne, samtidig med at de understøtter og afspejler den overordnede visuelle identitet. Nedenfor ses de seneste seks blogindlæg, jeg har arbejdet med. Der er her tale om thumbnails, mens hvert blogindlæg typisk indeholder yderligere grafisk materiale.
Blogindlæg
Her ses et eksempel på et blogindlæg. Mængden af tilhørende grafik varierer, da der tidligere i processen blev produceret et større antal grafiske elementer per indlæg. Erfaringen viste dog, at en mere begrænset brug af grafik – typisk 1-2 elementer integreret i teksten – skabte en bedre læseoplevelse og et mere balanceret visuelt udtryk. Derfor vil variationen i mængden af grafik være synlig på tværs af blogindlæggene.
Jeg har desuden haft ansvaret for designet af både blogoversigten og selve blogindlægssiden.
Flere attraktive sektioner med forhåndsvisning
Sektioner på både forside og undersider er designet med fokus på at være visuelt engagerende og inspirere brugeren til at udforske videre. Samtidig spiller de en central rolle i at opbygge troværdighed ved tydeligt at kommunikere virksomhedens kompetencer og skabe tillid til deres evne til at levere de ydelser, de tilbyder.
Videoredigering og animationer
En væsentlig del af arbejdet har været produktion af video, redigering og animationer med særligt fokus på GatewayAPI, som er ONLINECITY.IO’s primære platform og derfor også det område, der er blevet prioriteret højest. Arbejdet har blandt andet inkluderet samarbejde med studentermedhjælpere, som har optaget videoindhold ved brug af greenscreen til virksomhedens YouTube-kanal. Derudover har der været større produktioner såsom årsafslutningsvideoer, der opsummerer årets udvikling, samt animationer til website og logoelementer.
Nedenfor ses et eksempel på en video, jeg har produceret. Yderligere indhold kan findes på deres LinkedIn, YouTube-kanal og hjemmeside.
Nuværende dashboard - udfases løbende
GatewayAPI har i hele min ansættelsesperiode arbejdet med det samme overordnede dashboard. Mit bidrag har primært bestået i design af enkelte undersider, elementer og mindre forbedringstiltag inden for de eksisterende tekniske rammer.
På grund af den underliggende tekniske kompleksitet har det dog været begrænset, hvor store ændringer der har været mulige at implementere, hvilket har gjort det svært at lave markante ændringer.
Nyt dashboard UI
På et senere tidspunkt blev der udviklet nye dashboards til de øvrige platforme under ONLINECITY.IO, hvilket skabte et behov for at opdatere GatewayAPI i samme retning. Målet var at sikre en mere ensartet og genkendelig brugeroplevelse på tværs af alle platforme.
Dette var særligt vigtigt, da platformene kan integreres afhængigt af kundens behov, hvilket betyder, at brugere ofte interagerer med én eller flere platforme samtidigt. En konsistent designlinje bidrager derfor til både bedre brugervenlighed og en stærkere samlet brandoplevelse.
SoMe indhold
En væsentlig del af arbejdet hos ONLINECITY.IO har været produktion af SoMe-grafikker, videoindhold og Google Ads-materiale. I perioden 2019-2026 er der blevet udviklet et stort antal SoMe-posts på tværs af platformene.
Eksemplet herunder tager udgangspunkt i GatewayAPI, men samme tilgang og produktion har været gældende for alle virksomhedens platforme. For yderligere eksempler henvises til deres LinkedIn.
Lad os samarbejde om at
skabe noget betydningsfuldt!
Hvis du leder efter en designer som lytter, forstår og designer med hjertet – så tøv ikke
med at kontakte mig. Jeg er altid frisk på en snak og noget at drikke.
GatewayAPI — UI/UX design af en global SMS- og messaging API platform
Projekt beskrivelse
Website
GatewayAPI trængte til et kæmpe make-over i 2019, hvor de havde en forældet side. De skulle bruge noget som fulgte med udviklingen af markedet, så præsentabel ud og udstrålede troværdighed. Fra 2019 til start 2026 har jeg stået for at designe alt tilhørende GatewayAPI på deres hjemmeside, udvikle på deres branding, animationer og videoer, SoMe-posts og komponenter til daværende dashboard samt nyt ui af dashboard.
Webdesign
Branding
Animation
SoMe
Dashboard
Rolle i projektet:
UI/UX designer / design lead
Team størrelse:
6 personer
Målgruppe:
Udviklere, ledere og generelt B2B kunder samt organisationer
Er du recruiter eller leder og søger en designer?
Jeg håber du finder projektet spændende – hvis du har nogle spørgsmål, så er du altid velkommen til at række ud og sende en besked til mig. Forhåbentlig får du en god forståelse af mine projekter og færdigheder igennem præsentationen her.
Website før min start
Da jeg startede i 2019, fremstod hjemmesiden som vist herunder. Den var funktionel, indeholdt animationer og opfyldte de mest basale behov. I takt med at GatewayAPI voksede markant og etablerede sig som en væsentlig aktør i branchen, fulgte den eksisterende hjemmeside dog ikke med udviklingen. Den skalerede hverken i forhold til virksomhedens vækst, branchens standarder eller kundernes forventninger til et brand af den størrelse. Derfor blev det nødvendigt med en gennemgribende redesignproces.
Website start 2026
I 2019 havde GatewayAPI allerede engageret eksterne samarbejdspartnere til at designe og påbegynde udviklingen af en ny hjemmeside. Ved min opstart var projektet dog endnu ikke færdiggjort. Processen var præget af uklar struktur, lav fremdrift og et ufuldstændigt design bestående af fragmenterede leverancer, hvilket hæmmede projektets fremgang.
GatewayAPI blev derfor et af mine første større projekter, hvor jeg i tæt samarbejde med en udvikler og et eksternt marketingteam overtog og videreførte arbejdet. Projektet blev færdiggjort og lanceret, hvorefter fokus skiftede til løbende videreudvikling af brand, tone of voice og visuel stil.
Dette omfattede blandt andet udvidelse med flere undersider samt gentagne redesigns af både hero-sektionen og forsiden, i takt med nye strategiske retninger og budskaber. Nedenstående billede viser et eksempel på forsiden fra starten af 2026. For det fulde resultat henvises til den live hjemmeside.
Kontinuert brand udvikling
Udviklingen af brandet har været et gennemgående fokus gennem hele min tid hos ONLINECITY.IO. Nedenfor ses eksempler på, hvordan blogindlæggenes thumbnails fremstod ved min opstart i 2019. Det visuelle udtryk var primært baseret på stockbilleder, hurtigt producerede kundegrafikker og øvrigt indhold uden en klar visuel retning, hvilket resulterede i et mindre sammenhængende og mindre attraktivt helhedsindtryk.
Mere moderne grafisk stil der taler til målgruppen og følger produktet
Siden 2019 har der været et kontinuerligt fokus på at udvikle og forfine den visuelle stil og tone i grafikkerne til blogindlæg, da disse udgør et centralt element i kommunikationen med kunderne. Grafikkerne er blevet markant mere professionelle og målrettede, med en tydeligere kobling til det enkelte blogindlægs emne, samtidig med at de understøtter og afspejler den overordnede visuelle identitet. Nedenfor ses de seneste seks blogindlæg, jeg har arbejdet med. Der er her tale om thumbnails, mens hvert blogindlæg typisk indeholder yderligere grafisk materiale.
Blogindlæg
Her ses et eksempel på et blogindlæg. Mængden af tilhørende grafik varierer, da der tidligere i processen blev produceret et større antal grafiske elementer per indlæg. Erfaringen viste dog, at en mere begrænset brug af grafik – typisk 1-2 elementer integreret i teksten – skabte en bedre læseoplevelse og et mere balanceret visuelt udtryk. Derfor vil variationen i mængden af grafik være synlig på tværs af blogindlæggene.
Jeg har desuden haft ansvaret for designet af både blogoversigten og selve blogindlægssiden.
Flere attraktive sektioner med forhåndsvisning
Sektioner på både forside og undersider er designet med fokus på at være visuelt engagerende og inspirere brugeren til at udforske videre. Samtidig spiller de en central rolle i at opbygge troværdighed ved tydeligt at kommunikere virksomhedens kompetencer og skabe tillid til deres evne til at levere de ydelser, de tilbyder.
Videoredigering og animationer
En væsentlig del af arbejdet har været produktion af video, redigering og animationer med særligt fokus på GatewayAPI, som er ONLINECITY.IO’s primære platform og derfor også det område, der er blevet prioriteret højest. Arbejdet har blandt andet inkluderet samarbejde med studentermedhjælpere, som har optaget videoindhold ved brug af greenscreen til virksomhedens YouTube-kanal. Derudover har der været større produktioner såsom årsafslutningsvideoer, der opsummerer årets udvikling, samt animationer til website og logoelementer.
Nedenfor ses et eksempel på en video, jeg har produceret. Yderligere indhold kan findes på deres LinkedIn, YouTube-kanal og hjemmeside.
Nuværende dashboard - udfases løbende
GatewayAPI har i hele min ansættelsesperiode arbejdet med det samme overordnede dashboard. Mit bidrag har primært bestået i design af enkelte undersider, elementer og mindre forbedringstiltag inden for de eksisterende tekniske rammer.
På grund af den underliggende tekniske kompleksitet har det dog været begrænset, hvor store ændringer der har været mulige at implementere, hvilket har gjort det svært at lave markante ændringer.
Nyt dashboard UI
På et senere tidspunkt blev der udviklet nye dashboards til de øvrige platforme under ONLINECITY.IO, hvilket skabte et behov for at opdatere GatewayAPI i samme retning. Målet var at sikre en mere ensartet og genkendelig brugeroplevelse på tværs af alle platforme.
Dette var særligt vigtigt, da platformene kan integreres afhængigt af kundens behov, hvilket betyder, at brugere ofte interagerer med én eller flere platforme samtidigt. En konsistent designlinje bidrager derfor til både bedre brugervenlighed og en stærkere samlet brandoplevelse.
SoMe indhold
En væsentlig del af arbejdet hos ONLINECITY.IO har været produktion af SoMe-grafikker, videoindhold og Google Ads-materiale. I perioden 2019-2026 er der blevet udviklet et stort antal SoMe-posts på tværs af platformene.
Eksemplet herunder tager udgangspunkt i GatewayAPI, men samme tilgang og produktion har været gældende for alle virksomhedens platforme. For yderligere eksempler henvises til deres LinkedIn.
Lad os samarbejde om at skabe noget betydningsfuldt!
Hvis du leder efter en designer som lytter, forstår og designer med hjertet – så tøv ikke med at kontakte mig. Jeg er altid frisk på en snak og noget at drikke.
GatewayAPI — UI/UX design af en global SMS- og messaging API platform
Projekt beskrivelse
Website
GatewayAPI trængte til et kæmpe make-over i 2019, hvor de havde en forældet side. De skulle bruge noget som fulgte med udviklingen af markedet, så præsentabel ud og udstrålede troværdighed. Fra 2019 til start 2026 har jeg stået for at designe alt tilhørende GatewayAPI på deres hjemmeside, udvikle på deres branding, animationer og videoer, SoMe-posts og komponenter til daværende dashboard samt nyt ui af dashboard.
Webdesign
Branding
Animation
SoMe
Dashboard
Rolle i projektet:
UI/UX designer / design lead
Team størrelse:
6 personer
Målgruppe:
Udviklere, ledere og generelt B2B kunder samt organisationer
Er du recruiter eller leder og søger en designer?
Jeg håber du finder projektet spændende – hvis du har nogle spørgsmål, så er du altid velkommen til at række ud og sende en besked til mig. Forhåbentlig får du en god forståelse af mine projekter og færdigheder igennem præsentationen her.
Website før min start
Da jeg startede i 2019, fremstod hjemmesiden som vist herunder. Den var funktionel, indeholdt animationer og opfyldte de mest basale behov. I takt med at GatewayAPI voksede markant og etablerede sig som en væsentlig aktør i branchen, fulgte den eksisterende hjemmeside dog ikke med udviklingen. Den skalerede hverken i forhold til virksomhedens vækst, branchens standarder eller kundernes forventninger til et brand af den størrelse. Derfor blev det nødvendigt med en gennemgribende redesignproces.
Website start 2026
I 2019 havde GatewayAPI allerede engageret eksterne samarbejdspartnere til at designe og påbegynde udviklingen af en ny hjemmeside. Ved min opstart var projektet dog endnu ikke færdiggjort. Processen var præget af uklar struktur, lav fremdrift og et ufuldstændigt design bestående af fragmenterede leverancer, hvilket hæmmede projektets fremgang.
GatewayAPI blev derfor et af mine første større projekter, hvor jeg i tæt samarbejde med en udvikler og et eksternt marketingteam overtog og videreførte arbejdet. Projektet blev færdiggjort og lanceret, hvorefter fokus skiftede til løbende videreudvikling af brand, tone of voice og visuel stil.
Dette omfattede blandt andet udvidelse med flere undersider samt gentagne redesigns af både hero-sektionen og forsiden, i takt med nye strategiske retninger og budskaber. Nedenstående billede viser et eksempel på forsiden fra starten af 2026. For det fulde resultat henvises til den live hjemmeside.
Kontinuert brand udvikling
Udviklingen af brandet har været et gennemgående fokus gennem hele min tid hos ONLINECITY.IO. Nedenfor ses eksempler på, hvordan blogindlæggenes thumbnails fremstod ved min opstart i 2019. Det visuelle udtryk var primært baseret på stockbilleder, hurtigt producerede kundegrafikker og øvrigt indhold uden en klar visuel retning, hvilket resulterede i et mindre sammenhængende og mindre attraktivt helhedsindtryk.
Mere moderne grafisk stil der taler til målgruppen og følger produktet
Siden 2019 har der været et kontinuerligt fokus på at udvikle og forfine den visuelle stil og tone i grafikkerne til blogindlæg, da disse udgør et centralt element i kommunikationen med kunderne. Grafikkerne er blevet markant mere professionelle og målrettede, med en tydeligere kobling til det enkelte blogindlægs emne, samtidig med at de understøtter og afspejler den overordnede visuelle identitet. Nedenfor ses de seneste seks blogindlæg, jeg har arbejdet med. Der er her tale om thumbnails, mens hvert blogindlæg typisk indeholder yderligere grafisk materiale.
Blogindlæg
Her ses et eksempel på et blogindlæg. Mængden af tilhørende grafik varierer, da der tidligere i processen blev produceret et større antal grafiske elementer per indlæg. Erfaringen viste dog, at en mere begrænset brug af grafik – typisk 1-2 elementer integreret i teksten – skabte en bedre læseoplevelse og et mere balanceret visuelt udtryk. Derfor vil variationen i mængden af grafik være synlig på tværs af blogindlæggene.
Jeg har desuden haft ansvaret for designet af både blogoversigten og selve blogindlægssiden.
Flere attraktive sektioner med forhåndsvisning
Sektioner på både forside og undersider er designet med fokus på at være visuelt engagerende og inspirere brugeren til at udforske videre. Samtidig spiller de en central rolle i at opbygge troværdighed ved tydeligt at kommunikere virksomhedens kompetencer og skabe tillid til deres evne til at levere de ydelser, de tilbyder.
Videoredigering og animationer
En væsentlig del af arbejdet har været produktion af video, redigering og animationer med særligt fokus på GatewayAPI, som er ONLINECITY.IO’s primære platform og derfor også det område, der er blevet prioriteret højest. Arbejdet har blandt andet inkluderet samarbejde med studentermedhjælpere, som har optaget videoindhold ved brug af greenscreen til virksomhedens YouTube-kanal. Derudover har der været større produktioner såsom årsafslutningsvideoer, der opsummerer årets udvikling, samt animationer til website og logoelementer.
Nedenfor ses et eksempel på en video, jeg har produceret. Yderligere indhold kan findes på deres LinkedIn, YouTube-kanal og hjemmeside.
Nuværende dashboard - udfases løbende
GatewayAPI har i hele min ansættelsesperiode arbejdet med det samme overordnede dashboard. Mit bidrag har primært bestået i design af enkelte undersider, elementer og mindre forbedringstiltag inden for de eksisterende tekniske rammer.
På grund af den underliggende tekniske kompleksitet har det dog været begrænset, hvor store ændringer der har været mulige at implementere, hvilket har gjort det svært at lave markante ændringer.
Nyt dashboard UI
På et senere tidspunkt blev der udviklet nye dashboards til de øvrige platforme under ONLINECITY.IO, hvilket skabte et behov for at opdatere GatewayAPI i samme retning. Målet var at sikre en mere ensartet og genkendelig brugeroplevelse på tværs af alle platforme.
Dette var særligt vigtigt, da platformene kan integreres afhængigt af kundens behov, hvilket betyder, at brugere ofte interagerer med én eller flere platforme samtidigt. En konsistent designlinje bidrager derfor til både bedre brugervenlighed og en stærkere samlet brandoplevelse.
SoMe indhold
En væsentlig del af arbejdet hos ONLINECITY.IO har været produktion af SoMe-grafikker, videoindhold og Google Ads-materiale. I perioden 2019-2026 er der blevet udviklet et stort antal SoMe-posts på tværs af platformene.
Eksemplet herunder tager udgangspunkt i GatewayAPI, men samme tilgang og produktion har været gældende for alle virksomhedens platforme. For yderligere eksempler henvises til deres LinkedIn.
Lad os samarbejde om at
skabe noget betydningsfuldt!
Hvis du leder efter en designer som lytter, forstår og designer med hjertet – så tøv ikke med at kontakte mig. Jeg er altid frisk på en snak og noget at drikke.