Keep your team on the same page!
2018
UI Exercise
Wireframing
Bons is a Digital Agency based in Buenos Aires and Hamburg that specializes in digital products such as webs and apps. Also, they have their own product, a very useful project management tool called Produck. They designed and developed it so as to solve the problems that other similar PM products don’t.
In this case, they asked me to redesign the Produck landing page, following a moodboard they proposed for this exercise.
I analysed the moodboard and all the different resources in it. I particularly like how the information is shown in a dynamic way.
After analysing the moodboard, I sketched some wireframes so as to start visualizing the new web design and reorganise all the assets.
One of the moodboard design uses curved shapes in order to showcase a dynamic and easy to read landing page. As the original page has a lot of assets and copy, I decided to follow the same scheme. I gave these shapes a gradient from the Produck blue to a slightly darker blue.
Regarding the assets, they are shown in a very similar way than in one of the moodboard images, showing elements placed over the white background with a slight shadow. Also, I designed the responsive mobile layout to show how the elements reorgnise in the smallest breakpoint.
