Mera Data

Every cloud drive behind one login

Mera Data: one interface across Google Drive, OneDrive, Box, Dropbox, Flickr and more — built to cut the toggling between them.

Mera Data

Case snapshot

Role
Design intern and developer
Scope
Discover, define, design
Also built
Landing pages, blog pages, icons
Timeline
May – December 2014

The situation

People’s files live in six places and none of them talk.

Mera Data lets someone reach Google Drive, OneDrive, Box, Dropbox, Flickr and other cloud and social platforms through a single login.

The value proposition is simple; the design problem is that each of those services has its own idea of what a file is and what you can do with it, and one interface has to sit over all of them.

My scope

Designed it, and built some of it.

What I owned
Discover, define and design for the product, working with the team.
What I built
Interfaces and skins, landing pages, blog pages and icons — designed and developed.

The hard call

Rows with functions built in, to stop the toggling.

Rather than sending people between screens for each action, functions were built into the rows themselves, so screen toggling dropped. Denser rows, fewer trips.

How the work got made

Discover, define, design.

The three stages

  1. 01 Discover

    Researching user workflows and identifying the product’s unique value proposition.

  2. 02 Define

    A sitemap, and the design considerations — rows with built-in functions, integrated to reduce screen toggling.

  3. 03 Design

    Simplicity first, with clear differentiation between panels.

The craft

Depth from thin lines rather than colour.

The visual approach was restrained on purpose: limited colour, and depth built from minimal elements — thin lines and forms — so panels stayed distinct without the interface getting loud. On a tool that gathers six services, each with its own brand colour, holding colour back is what keeps it readable.

The Mera Data interface, full page
The interface end to end — rows carrying their own functions, and the restraint that keeps six services’ branding from fighting.

For the detailed case study, reach out to me (opens Gmail in a new tab).

Next