Brief

During the daily design challenges, I will continue building out more screens for this app. 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.


Winkel

Winkel is a grocery app with extensive filtering. They wanted an app that fits with the users’ busy lifestyles, has a special feature. In this case, I chose to add a filter feature which remembers your filtered options so any products with those ingredients will be filtered out. No accidental allergy attacks here!


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.



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 Winkel styling that already existed. I made sure to have a drop down for expiry month and year, form fields for card information, a binary checkbox for remembering the card, and a CTA button to advance to payment.




Continuing to build....

As more design challenges are posted, I will continue to build more screens and elements for Winkel and post them above.

Portfolio

Click here to go back to Sarah's portfolio