Guide

2022
Lead Designer

I have worked on it project as Main Product Designer, from the first conversations with the client to the delivery of the project. All under the organization of an agency team.
My role has included product level decisions and design, wireframing, branding, UI design, handoff and support to the engineering team during the development phase.

Tool: Figma

The problem

In the age of information clutter, researchers often find it difficult to find essential and reliable information. Sorting through large amounts of data can be time-consuming and challenging.
Guide is a research tool that aims to simplify the process, helping researchers to uncover crucial insights and understand emerging trends.

Blockframes

I worked together with the product manager on a feature list to enumerate each of the functionalities that the product must have. Once we have this, I move on to work on the Blockframes.
Here I’ll define all views it should have, the content and the interactions of each one. This is not visual at all, I use a simple system of blocks and colors to differentiate navigation, actions, content, status, etc.
This is an optimal way to test user flows and information architecture as well.

Wireframes

The wireframes stage for the "Guide" product focuses on defining the visual structure, layout, and user interaction of the digital platform. It aims to create a clear and intuitive user experience, providing a solid foundation for the final design.

UI Design

Selected a color palette, a typography and from there build the final look and feel for Trumpet.Client wanted a red and blue color combination for is product, so I worked to find a perfect match and also wanted to give some extra pastel color palette for POD status.Selected font was Proxima Nova, a geometric font with personality.

Next
Trumpet