← All cases

Case · MiGrow

Projects that make a difference.
All in one place.

MiGrow connects development projects around the world with companies that want to take part. We gave them a brand with warmth and direction, a design system built for 17 causes and a portal that makes it easy to find a project worth backing.

Start your project

4

steps to a profile

17

causes in 4 pillars

3

ways to filter

2

views: list and map

The brief

Make it easy to find a project worth backing.

Development projects are spread across countries, organisations and causes. MiGrow wanted one place where a company can find a project that matches what it cares about, read what the money goes to and get in touch with the people behind it.

1

Find the right project

Search by cause, continent and budget, in a list or on a world map.

2

Trust what you read

Every project page shows the purpose, the budget, how much is raised, the deadline and a contact person.

3

Sign up without friction

A short flow split into four steps, ending with the causes you care about.

4

One brand, all the way

Logo, colours, type and components that carry from the portal to LinkedIn.

Brand

A globe that grows, drawn sharper.

We kept the logo close to the original: a globe with a sprout growing from the top, and the wordmark MiGrow with “Mi” in orange. We redrew it in one even line and made it a single file, so it looks the same everywhere, from the favicon to a LinkedIn cover.

The globeDrawn in one even line with the Americas in the middle, as in the original mark.
The sproutTwo leaves and an orange bud growing from the top of the world.
MiGThe wordmarkMiGrow in a narrow, strong typeface. “Mi” in orange, “Grow” in petrol.
MiGrowWordmark in Roboto Condensed Bold. Always written MiGrow, with a capital M and G.

On petrol

On light

On orange

App icon

Design system

Colours that belong together, and components that come from the brand.

We kept what users already knew: the orange gradient, the petrol blue and the colours of the 17 UN Sustainable Development Goals. Around them we tightened the rest, so the greys, surfaces and buttons are calm and the same on every page.

Core palette

Petrol

#0d3a40

Sea green

#23706f

Mint

#9fd8c4

Orange

#f7941d

Red orange

#e9501f

Light grey

#f4f5f5

Grey

#e7eaea

Four pillars, 17 causes

People

  • 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

Prosperity

  • Bæredygtig energi#fcc30b
  • Økonomisk vækst#a21942
  • Industri#fd6925
  • Innovation#fd9d24
  • Ulighed#dd1367

Peace & partnership

  • Retfærdighed#00689d
  • Partnerskaber#19486a

Typography

Aa

Hind

Aa

Roboto

En verden til forskel.

Rent drikkevand i bjerglandsbyer

Filtre og vandposter, som landsbyen selv kan holde ved lige.

Hind gives the headings a friendly, open shape. Roboto keeps the interface calm and easy to read, as in the original portal.

Components

Sign-up

Four short steps, ending with what you care about.

Account, organisation, contact person and interests. The last step shows all 17 causes as toggles in the colours of the UN goals, so choosing is quick, and the portal can suggest projects that fit from day one.

Find projects

One colour per cause, from the filter to the map.

Each cause keeps its colour on the toggle, on the tag on the project card, on the progress bar and on the pin on the map. You always know what you are looking at.

Project page

Everything a company needs to say yes.

What the project does, what the money goes to, how much is raised and who to talk to. The funding card stays in view, so the next step is always one click away.

Mobile

The same brand in your pocket.

The front page and the project page on a phone. The same cards, colours and buttons as on the desktop, built around one clear action.

Brand moods

Ready for LinkedIn.

A cover, a profile picture and a set of post templates: a project in focus, the 17 causes, the values and the reach. Built from the same colours, type and logo as the portal.

Cover image 1584 × 396

What the client says

Ceptiv understood from the first meeting what MiGrow is about: making it easy for companies to find a development project they genuinely care about. They turned our ideas into a clear concept, a sign-up flow that is quick to get through and a search that makes sense straight away. What I value most is that they think like a partner. They challenged us where it mattered, kept the user in focus and delivered a portal we are proud to show. I can warmly recommend Ceptiv to anyone who wants design and development under one roof.
CCCathrine Bianca ChristensenFounder · MiGrow

What we delivered

From brand to running portal.

  1. 01Logo and visual identity
  2. 02Design system with four pillars and 17 cause colours
  3. 03UI design for front page, search, map and project pages
  4. 04Sign-up in four steps and mobile views
  5. 05Brand moods and templates for LinkedIn
  6. 06Front-end and back-end development

Planning a portal of your own?

We design and build portals that connect people with what they are looking for, from the first sketch to the running site.