top of page
100 Daily UI.jpg
dribbble-icon-1-logo-png-transparent.png
Dribbble_logo_black.png

Follow my challenge on

01

Signup form

I added the minimum information for users to sign up. I want users to follow their feeling of supporting the environment by using the green card, and I don't wish too many distractions in the way.

Signup Form.jpg
Credit Card Form.jpg

02

Payment form

Information about what users purchase and paying methods is fundamental. Similarly, I felt it necessary that users could change details of the purchased product ( i.e., shoe size and color) without leaving the payment screen. The goal was to proceed with the purchase and take care of other details later (i.e., shipping/billing address).

03

Landing page

I have been working on different landing pages in the last couple of weeks. I learned the importance of knowing which CTA is the most important and building the page around it. In this case, "booking a lesson" is the critical CTA. The primary enabler of the CTA is social proof in the form of Google and Trip Advisor reviews, followed by the school's 30-years of experience.

Landing page 2.jpg
Calculator.jpg

04

Calculator

I wanted to go for the most straightforward design for the calculator: just a few functions and no buttons. Thinking of users that rarely use one, I felt that it was more important to make it look fun to use.

05

App Icon

I look for three different design approaches to the same problem. Polaroid aims to create a representation of a physical object. Dynamic 360 elaborates on abstract concepts. Wave Chaser represents the situation in which the app is useful. All the designs leverage strongly on colors.

Apps Icons.jpg
Profile.jpg

06

User Profile

These days I've been listening to Parcels and felt it would be fun to make a profile for them. I borrowed design ideas from Apple Music and Spotify, which was an excellent opportunity to learn how to use new design elements. My focus was to make the navigation and the information on the screen as minimal as possible.

07

Settings

I decided to design a setting that included input editing and on/off conditions because most cases related to these patterns. As usual, I kept it clean and straightforward because settings directly impact the rest of the user experience.

Profile Setting.jpg
404 Not Found.jpg

08

404 page

I like to cook and thought it would be cool to do a page for Delicious, one of my favorite sources of recipes. Above all, I wanted to keep it fun because it is frustrating not to find what you look for online. I felt it was important to keep users' search and menu options to save some time if they still wanted to dig deeper.

09

Music Player

This time I wanted to try something on a mobile format. Some players have many features that I find confusing at times. That is why I look to reduce the options to the essential to give space to the information regarding the artist, albums, and songs.

Music Player.jpg
Share.jpg

10

Social Sharing

I chose the mobile format because, in general, that is the device of choice for sharing content. I thought it was important to allow the user to write a quick comment to their post.

11

Flash messages

I wanted to design something with a traditional/classic brand in mind. That's the reason behind the font and the imagery. I wanted to evoke nostalgia and a bit of humor.

Flash Messages.jpg
Single Product.jpg

12

Single product

I felt that using a fashion product was easier for making a product page look cool. So, I decided to challenge myself with a household item. I chose Rossmann because that's where I do regular shopping :) I tried to reduce the number of options because that is what typically makes users dizzy and go away. I stuck to reviews, descriptions, and offline shopping options.

13

Direct messaging

I took the basic features of Slack and WhatsApp into a desktop screen. It is a fun format. It gives you plenty of space to be creative. I feel I never have many opportunities to try ideas for desktop devices.

Messaging.jpg
Timer.jpg

14

Countdown timer

I thought that a cooking app could use a timer that set automatically with the recipe. As usual, I wanted to keep it simple, mainly because the kitchen timer should not be complicated.

15

On/Off switch

I felt that a standard switch is a good enough solution. On/off switches must always be aligned to brand specifications and the design language system.

Switches.jpg
Overlay.jpg

16

Pop-Up / Overlay

I wanted to challenge myself with a newsletter subscription without images or colors. Considering these limitations, I chose The Walrus. It was essential to suggest professional journalism with the fonts, but I used the circle to highlight the lack of formal restrictions.

17

Email receipt

I thought an Amazon receipt would be a challenge. I find their emails overwhelm me with information. I focus on one goal: Letting the user know that their order is in place, and the call to action is to review the order.

Email Receipt.jpg
Analytics Chart.jpg

18

Analytics chart

I have worked many years analyzing and presenting data. From my experience, you want to convey only one idea per chart. Because of it, You don't want to avoid unnecessary colors, icons, or shapes that could distract the user from getting the message.

19

Leaderboard

I really was motivated on this one. A strong strategy for my fitness/wellness app project leverages gamification. It makes a significant impact on the users' motivation and engagement. I wanted to review my earlier design and see what I could have done better. I felt that badges and banners had to look flashy for users to feel proud of their achievements.

Leadboard.jpg
Location.jpg

20

Location tracker

Uber and Lyft inspired me to create a shared-ride screen. I felt it was an excellent opportunity to avoid using many colors and shapes and come up with a minimal solution.

21

Monitoring dashboard

I wanted to explore social media dashboards. The idea was to create a tool for the designer to connect with potential clients and companies. It is a simple solution that I will revisit later.

Dashboard.jpg
Search.jpg

22

Search

I wanted to explore the idea of an app for restaurants. The search filters needed it to be easy to find and use, with minimum options to limit the pressure on the user.

23

Onboarding

Intro screens rely heavily on images and illustrations. I didn't have time to create cool drawings, and the free image library was limited. I decided to redesign Nike RunClub onboarding to get users pumped before starting the experience.

Onboarding.jpg
Boarding pass.jpg

24

Boarding pass

I decided to give more importance to information relevant to the airport crew. I added elements that mimic the ticket (the logo stamp, the dotted line, and the die-cut). The bottom part includes the info passengers need to look at once they are inside the airport.

25

TV app

I wanted to design a TV format because I usually don't get to do that. I decided to redesign Netflix thinking on an easier way to navigate it. I focused mainly on carrousels.

TV App.jpg
Subscribe.jpg

26

Subscribe

I already did a challenge of a pop window for a subscribe option. I felt that this time I wanted to do a fun design. Wouldn't it be fun to work for a skateboard & surf company? :)

27

Dropdown

I wanted to make a design addressing the core problem without much fuzz. It is important to clearly state the elements that define the dropdown menu, header, dropdown icon, list, selected item, and scrolling icon.

Dropdown.jpg
Contact.jpg

28

Contact us

Contact us should not be confusing in any way. But most importantly, It is important to create the expectation that the user message will be read and responded. That is why I decided to include an image illustrating the fulfillment of the expectation.

29

Map

Today I wanted to focus on the product since I have done a few maps before. I find too much friction when looking for a theater to watch a movie. I designed an experience that lets the user know the time, location, and the possibility of buying the ticket immediately.

Map.jpg
Pricing.jpg

30

Pricing

I decided to design a price list for different plans. I added more elements to make it more realistic, such as the menu bar and user reviews.

bottom of page