Take me out is a digital solution that allows users to find the ideal bar in just a few steps. It also provides discounts and benefits with payments from the platform.


There is a wide variety of applications to place orders, but there is no product where users can see different bar options according to location and preferences. When it comes to choosing a bar, we usually ask friends for recommendations or we always fall back on what we know, but what do we do if we want to change or surprise someone?


We created a functional mockup that connects users with bars of their preference. Users will be able to see the different establishments and know their menu and attributes. Once in the bar, they will be able to make their purchase from the application and rate their experience. At the same time, the establishments will have an administrator to view their sales with tmo. and their statistics.


Before starting work, we met with the client to discuss in greater detail the vision of the product, its objectives, and target audience. We resorted to some Product Discovery dynamics to define together with the client the main features of the product to be developed, the voice and tone of the Take me out brand.

We use UX and UI tools to understand the context, the value of the product, and how to satisfy our users.


We analyze the direct and indirect competition to identify best practices and ensure that the solution is aligned with patterns already known by users.


TMO is a search tool. It targets a young audience that tends to use cell phones throughout the day. The product will be used mostly between afternoon and evening and without much anticipation.


We created a guide of questions to talk to users and find out what they think, do, and feel. These were done in quarantine, so our interviews were all online.

Target User

Four user archetypes were defined, representing the target audience for which TMO is intended. These users served as a guide throughout the project for decision-making.

User Flows

We represent how users access the information provided by the product, we define contact points and the possible paths in those interactions.

Site Maps

We hierarchically diagram the interface. With this technique, we build the structure and group the content.

Medium fidelity


We designed each product page without a specific style guide. No defined colors or images were presented, focusing on functionalities and content hierarchies. This helped to sort ideas and test different proposals quickly to validate them.



We observed and analyzed how users use the product. This information helped us to understand user behavior and evaluate the usability of the platform. The tests were performed on medium and high-fidelity wireframes, and since they were done remotely, we incorporated the Useberry tool, which also provided us with useful metrics for decision making.

High fidelity


Finally, we created the product in high fidelity screens, finishing the first stage of the project. These wireframes are navigable and ready for development.