A web app to unify
all your cloud files

One of my most challenging projects.

The client's request: "Build me a web app that will unify and categorize all cloud files." Only an idea. No features, no plans.

So I knew I should start writing, not designing. First thing: I drafted the product goals, the use cases, and the happy cases, to create a clear picture of the product and to set the client's expectations.

After several meetings and Skype calls, we agreed on the minimum viable product (MVP), and I got the go-ahead to start building.

Writing before
designing

I always get a project off the ground by preparing the wireframes for the product's main pages. I make sure the clients know the wireframes are just for structure and flow.

This way, they are informed that the wireframes' colors, fonts, and dividers are intermediate elements of the website.

Cloudfinity wireframes — Initial wireframes

Design phase

Design mode

After the stakeholders approved the wires, it was time for the design part. With little to no time to make more design iterations, I had to present what I had, right from the oven.

We decided to go for a bolder approach, using a gradient instead of a plain color, like most of the cloud hosting companies opt for. The homepage structure also went through modifications along the way, due to our approaches being submitted to user testing.

User interaction

The list page

The central challenge on the list page was to display all the interactions that the user has with a file.

I'm not a big fan of hidden menus. But after conducting user studies, we discovered that on this particular interaction, the bullet menu is a popular pattern among our users.

Another plus was that, this way, we weren't crowding the page with lots of decisions and actions for the users to make.

Cloudfinity list page — expanded — List page — expanded

More screens

User profiles

The entire project has 46 pages and a lot of micro-interactions. Below, you have the highly important ones.

User profile page

A web app to unifyall your cloud files

Writing beforedesigning

Design mode

The list page

User profiles

Let's work together

Message sent!

A web app to unify
all your cloud files

Writing before
designing