Expanding Vente
During the daily design challenges, I will continue building out more screens. I have been trying to keep the designs consistent with the previous screens, and also keeping up with the competition. I have time-boxed 30 minutes for each challenge.
Vente
Vente is an event app which considers the need to keep users in the know, without overloading them with too much information. They also wanted us to consider how to integrate healthy social activities without taking up too much time to find the right event.
Their current wireframes had a lot of flow and layout issues to fix, as well. These design challenges will be building further screens for the app than the previously provided wireframes.
Role - UI Designer
As the UI designer, I considered competitors' similar screens to fit the daily challenges. Since I time-boxed 30 minutes per challenge, I had to scale down the level of research to allow for enough time to complete the designs being asked for. And I allowed myself to occasionally go over the 30 minutes by 5 to complete the challenge, if necessary.
Toolbox
I used a combination of Drive, Illustrator, and Sketch.
Problem
Each day, I am requested to create a new screen or element for the daily design challenges. Sometimes the problem is that the competitors do not have screens similar, or the ask doesn't fit with this app. Sometimes I have to make a call to make a screen for a different app, or make a loose element for a future app or project.
Project Timeline
I gave myself 5 minutes to research the competitors' similar pages.
I then had 30 minutes to work on designing. Generally, the design requirements are pretty loose for these challenges. I just need to make sure I can fit all of the designing necessary into the 30 minute timeframe.
Research
Thankfully, there are a lot of competitors to look into for similar pages to what is being asked for in the design challenges.
Event Signup Screen - 01/02/2020
I went in and did some research to see what elements my competitors had in common at the point when the user goes to actually sign up for an event. I then decided which elements I wanted to use based on which were the most common among the competitors. I then did research to see how the elements are ordered, and which elements needed the most attention drawn to them via visual hierarchy.
I took that research and implemented it with the Vente styling that already existed. I made sure to have a drop down for saved payment methods, form fields for email, name, password, and birth date, a link to add a new card, and a CTA button for actually moving forward into the payment process.
Payment Screen - 01/16/2020
I went again and did some research to see what elements my competitors had in common on the screen when the user goes to add a card to pay for an event. I then decided which elements I wanted to use based on which were the most common among the competitors. I then did research to see how the elements are ordered, and which elements needed the most attention drawn to them via visual hierarchy.
I took that research and implemented it with the Vente styling that already existed. I made sure to have a drop down for country, state, and phone type, form fields for card information, name, expiry date, and birth date, CSC, email, and billing address, and a CTA button for saving card as a payment method.
Continuing to build....
As more design challenges are posted, I will continue to build more screens and elements for Vente and post them above.