Case · MiGrow
Projekter, der gør en forskel.
Samlet ét sted.
MiGrow forbinder udviklingsprojekter rundt om i verden med virksomheder, der vil være med. Vi gav dem et brand med varme og retning, et designsystem bygget til 17 formål og en portal, der gør det let at finde et projekt, der er værd at støtte.
Start dit projekt4
trin til en profil
17
formål i 4 søjler
3
måder at filtrere på
2
visninger: liste og kort
Opgaven
Gør det let at finde et projekt, der er værd at støtte.
Udviklingsprojekter er spredt over lande, organisationer og formål. MiGrow ville have ét sted, hvor en virksomhed kan finde et projekt, der passer til det, den brænder for, læse hvad pengene går til og komme i kontakt med folkene bag.
Find det rigtige projekt
Søg på formål, kontinent og budget, i en liste eller på et verdenskort.
Stol på det, du læser
Hver projektside viser formål, budget, hvor meget der er samlet ind, deadline og en kontaktperson.
Opret dig uden besvær
Et kort flow i fire trin, der slutter med de formål, I brænder for.
Ét brand hele vejen
Logo, farver, typografi og komponenter, der går igen fra portalen til LinkedIn.
Brand
En globus, der gror, tegnet skarpere.
Vi holdt logoet tæt på originalen: en globus med en spire, der vokser op fra toppen, og ordmærket MiGrow med “Mi” i orange. Vi tegnede det om i én ensartet streg og samlede det i én fil, så det ser ens ud overalt, fra favicon til LinkedIn-cover.
På petrol
På lys
På orange
App-ikon
Designsystem
Farver, der hører sammen, og komponenter, der kommer fra brandet.
Vi holdt fast i det, brugerne allerede kendte: den orange gradient, den petroleumsblå og farverne fra FN’s 17 verdensmål. Omkring dem strammede vi resten op, så gråtoner, flader og knapper er rolige og ens på alle sider.
Grundpalette
Petrol
#0d3a40
Havgrøn
#23706f
Mint
#9fd8c4
Orange
#f7941d
Rødorange
#e9501f
Lys grå
#f4f5f5
Grå
#e7eaea
Fire søjler, 17 formål
Mennesker
- Fattigdom#e5243b
- Sult#dda63a
- Sundhed#4c9f38
- Uddannelse#c5192d
- Ligestilling#ff3a21
Planet
- Rent vand#26bde2
- Klima#3f7e44
- Livet i havet#0a97d9
- Natur og skovbrug#56c02b
- Forbrug og produktion#bf8b2e
Velstand
- Bæredygtig energi#fcc30b
- Økonomisk vækst#a21942
- Industri#fd6925
- Innovation#fd9d24
- Ulighed#dd1367
Fred og partnerskab
- Retfærdighed#00689d
- Partnerskaber#19486a
Typografi
Aa
Hind
Aa
Roboto
En verden til forskel.
Rent drikkevand i bjerglandsbyer
Filtre og vandposter, som landsbyen selv kan holde ved lige.
Hind giver overskrifterne en venlig, åben form. Roboto holder brugerfladen rolig og let at læse, som i den oprindelige portal.
Komponenter
Oprettelse
Fire korte trin, der slutter med det, I brænder for.
Konto, organisation, kontaktperson og interesser. Det sidste trin viser alle 17 formål som knapper i verdensmålenes farver, så det går hurtigt at vælge, og portalen kan foreslå projekter, der passer, fra første dag.
Find projekter
Én farve pr. formål, fra filteret til kortet.
Hvert formål beholder sin farve på knappen, på mærket på projektkortet, på fremdriftsbjælken og på nålen på kortet. Man ved altid, hvad man kigger på.
Projektside
Alt, en virksomhed skal bruge for at sige ja.
Hvad projektet gør, hvad pengene går til, hvor meget der er samlet ind, og hvem man taler med. Støttekortet bliver stående, så næste skridt altid er ét klik væk.
Mobil
Det samme brand i lommen.
Forsiden og projektsiden på mobil. De samme kort, farver og knapper som på computeren, bygget op om én tydelig handling.
Brand moods
Klar til LinkedIn.
Et cover, et profilbillede og et sæt skabeloner til opslag: et projekt i fokus, de 17 formål, værdierne og rækkevidden. Bygget af de samme farver, den samme typografi og det samme logo som portalen.
Coverbillede 1584 × 396
Det siger kunden
Ceptiv forstod fra første møde, hvad MiGrow handler om: at gøre det let for virksomheder at finde et udviklingsprojekt, de virkelig brænder for. De omsatte vores idéer til et klart koncept, en oprettelse, der er hurtig at komme igennem, og en søgning, der giver mening med det samme. Det, jeg sætter mest pris på, er, at de tænker som en partner. De udfordrede os, hvor det betød noget, holdt fokus på brugeren og leverede en portal, vi er stolte af at vise frem. Jeg kan varmt anbefale Ceptiv til alle, der vil have design og udvikling under samme tag.
Det leverede vi
Fra brand til kørende portal.
- 01Logo og visuel identitet
- 02Designsystem med fire søjler og 17 formålsfarver
- 03UI-design af forside, søgning, kort og projektsider
- 04Oprettelse i fire trin og mobilvisninger
- 05Brand moods og skabeloner til LinkedIn
- 06Frontend- og backend-udvikling
Skal I have jeres egen portal?
Vi designer og bygger portaler, der forbinder folk med det, de leder efter, fra den første skitse til den kørende side.