Vente

Timeline:   6 Weeks
Role:           UI designer
Tools:          Sketch, Principle, Illustrator

The Project

The local scene is experiencing an overload of shareable information. Today’s consumers are oversaturated with local events, meet-ups, and group activities. Despite the endless sea of happenings, people continue their struggle to find activities that align with their personal interests.  Vente is an event app that helps its users to find events that fit their preferences the best.

The Challenge

In this 6-weeks project, I needed to create the visual design for a mobile-responsive platform that reimagines how people can search and find activities that reflect their interests; take user research conducted by a UX team and produce high-fidelity designs.

The Final Design

When I designed the interface for Vente, I kept some goals in mind.  I hoped users who use this app would smile, and feel excited.  I hope this app not only brings them convenience in life but the visual design also brings them joy every time they launch it on their phone.
When I was designing for Vente, one of the biggest challenges for me was the onboarding.  I designed it to collect as much user preference information as possible without annoying the users.  Otherwise, they would easily ditch the app and never come back.I tried to make the steps as few and easy as possible, and all the steps are in one screen so that users can scroll back and forth quickly.  They could also skip and set the preference later on.

The Process

Research

I did a visual competitor analysis of both direct and indirect competitors such as Meetup, Eventbrite, Facebook, DO312, and Eventzilla. I was aiming to look for takeaways and opportunities in this domain.

A simple color palette with some fun illustrations or images makes the app fun to use and create an energetic vibe.

Others had visually calm styling, dramatic and modern style with a black and white design. Bright colors were only used for CTAs and the drop-down menu making the user experience more intuitive.

Design Directions

Moodboard & Style Tile

I collected some inspiring photos for my Vente moodboard to convey an exciting, fun, optimistic and energetic notion to the users.  Later on, I developed my style tile from the moodboard to present an initial idea of what the interface would potentially look like. 


Moodboard

Style Tile

Wireframe Evaluations

I got the wireframe from the UX team, and I did some evaluation to address some of the issues that it had and I improved it as I moved to design my hi-fidelity screens. 

The initial screens

I addressed all the issues from the initial wireframes, summed up the solutions and moved forward to the first version of interface design.

The Final screens

After I did the first version of the design, I took a step back and looked at all the screens.  I evaluated all the pages together looking at the colors and all the design details.  

I noticed some of the accessibility problems in this version, such as the white text on a yellow and blue background.  I was also struggling with if it was necessary to have the red background on some of the pages (like the alerts page and the event page).  I decided they would look better and less distracting if they just had a simple white background.  

For my final design, I further improved the accessibility issues and reduced some of the colors to still keep the interface fun but less distracting.   

Marketing Site

Let’s imagine if a user learned about Vente in a casual conversation with their friends and family.  He/She is kind of interested in this event app, but they don't want to download without knowing more about it.  Where do they go?
  
With this question, I designed a responsive marketing website for Vente.  The goal of this website was to promote the app and give a scope of what the app could do and would look like to the users.


Logo Design

Logo Concepts

I brainstormed with many different concepts related to an event app, like energetic, fun, and healthy.  After that, I translated my ideas into tangible quick sketches on paper. 

Final Logo

My final logo design had a double meaning. It's someone who has a healthy lifestyle is doing yoga; in the meanwhile, it's also someone who looks excited and ready to embrace all the fun events happening out there.


Some final thoughts

Designing for Vente was an adventure for me on the design path. Before that, I always tried to avoid using too much or to saturated color on design. Because you know, less color is always safer. Vente as an event app gave me this opportunity to challenge myself.  I learned to use saturated colors and also take accessibility into account to reach a balance. I also learned to evaluate the initial wireframes by thinking about the users’ needs.   I am proud of building this fun looking and also user-friendly app.

Checkout my other projects

WollenDance (Live page)

Key Collector Comics

TwinDow

Winkel