After two rounds of funding, it was time to work on a new website and make it look what Thomas and Ernesto had in their heads. The website below was the first version they had to get the business started but not what they wanted to be viewed as.

There was quite a challenge to solve problems and come up with something new and exciting so the company can grow and be viewed as a legit business. I remember having the first call with Thomas when he said "I don't think our website looks legit and fun, and that's exactly what I want to change".

The Nobe team had a small scope of pages but no content at all to get started. So we started listing all the screens we had to do for this project and defining all the goals for each page.

With the goals of each page approved in hand, it was time to start creating basic wireframes to set the foundation for all the content blocks we will need to send to the copywriter. Surprisingly enough it wasn't a whole lot of back and forth with the client to get final approval on the wireframe.

We all know that when it comes to accounting, it's not fun nor even an exciting thing to do, but we all got to do it sometime during the year or even multiple times.

One of the goals for the new website was to be alive, colorful, and as easy as child's play.

The colored blocks on the homepage header almost feel like LEGO blocks to give the impression that with Nobe it's easy enough to do your taxes and accounting.

At the beginning of the project, they only had a logo and a few brand components created by Adrián Patrón. I used the logo style and color palette to create additional components for the website header and added a touch of gradient on the pricing calculator we have on the pricing page.

If you know my work you probably know that I love to design customs icons. For every new client, there are endless possibilities to come up with new ideas and different styles depending on what that client is looking for.

I think icons are a good addition to a text to mark a point or to tell something to the user even if they are not reading any words.

The Nobe project wasn't any different, I created a bunch of icons divided into two sets.
One set is for tools where I used the rounded square just like an iOS app icon to give the sense that those icons are a tool to be used.

The other set is for features where the color palette is much simpler with one color per icon and with a simple 4 px stroke.

Depending on the features and functionalities of a website it can be challenging to convert everything to mobile without losing any important aspects of usability. For this project, I had to make some compromises because of the long content pages and at the same time being easy to scroll and find the content the user needs.