Vente

As a UI/UX designer, I was asked to design an app to help people find local events, meet-ups and group activities that are personalised to the user.
Our objective for this project is to design a clear intuitive interface, brand identity and responsive website

TEAM

  • Me - UI/UX designer

tools

  • Sketch

  • Invision

  • Photoshop

  • Bootstrap Grid

duration

  • March 2 - April 9

  • 6 weeks project

 approach

For this project, we applied the Double Diamond design framework. The two diamonds represent a process of exploring an issue more widely or deeply (Divergent thinking) and then taking focused action (Convergent thinking)

 
Double diamond1.png
 

 discovery

 competitors analysis

Conducted competitors analysis on some of the current market direct competitors and some for design inspiration.

Slide4.png
Slide5.png

persona

Our UX team has provided a persona which helped us to decide on what features are most important to this app.

 define

 Original wireframes

I have started analysing the original wireframes which were provided by our UX teams to understand the flow of the app

 develop

 Moodboards

At this stage, I have developed different mood boards to get right colours

Mood Board1.png
Mood Board2.png
Mood Board3.png

 logo

Based on the research, I have started exploring different logo designs. For this I have defined brand adjectives which are Energetic, Friendly and Sociable. These are some of initial sketches

Logo Exploration

Logo Exploration

Logo Evolution

Logo Evolution

Logo Exploitation

Logo Exploitation

 

final logo

 
vente logo.png

I finally converge into this design. The thinking behind the use of hot air balloon is to signify that a person with a high vantage point can clearly observe the places of interest with freedom. The hot air balloon show the free spirit, which indicated that a person can go where they wanted to go without any hassle

 deliver

 high-fidelity screens

Once I have all our findings I have created final High-fidelity screens

Welcome Page
Sign in Page
Category Selection Page
Home Page
Events Page
Pro-Tip
Individual Event Page
Event Booked
Groups Page
List of Groups Page
Individual Group Page
Group Member Profile
Search Page
Search Results
15.png
User Profile Page

responsive web design - marketing site

Desktop Responsive Web Design

 

Mobile Responsive Web Design

 

prototype

 
 

lessons learned

  • Bootstrap grid system - I have learnt how to use grid system to get good design

  • Responsive web design - this is the one thing I always wondered how to design, now I know

  • Design, test & repeat - this is one thing which will be very helpful to improve our designs

Previous

Shreewd