Designing the global user experience of an innovative social mobile app

Designing the global user experience of an innovative social mobile app 

Client Brief

What’s the concept of Gloo? It’s to simplify the whole planning aspect when you want to go out with your friends! The challenge presented by this project is to go through every step of the mobile app design with the project team: from UX to UI, by ways of artistic direction, to transform this concept into a quality product.

Year

2018

Expertise
  • Design
Disciplines
  • Art direction
  • Branding
  • UI design
  • UX design
  • UX research
  • UX strategy
Tools
  • Creativity
  • Graphic sprint
  • Sketch
  • User journey

01

Visual identity

Defining a whole graphic universe that conveys the values of this project.

The Gloo concept is rich in key words like “human”, “movement”, “reunion” or “moments”. Initially, Gloo was born from an observation: caught up in speeded-up lifestyles, we no longer take the time to get together!

The bird symbol conveys the idea that we are always in motion. Since the app helps friends get together to share a meal, the idea of merging the image of the bird with that of a fork made sense: “We are all busy with our lives, but thanks to Gloo, we can fly and meet at the same place to share a moment together.”

The logo represents gathering through the 3 wings, referring to 3 people in motion, merged with the fork, symbolizing a shared moment. The typography is also shaped to suggest a reunion, by merging the two O.
The logo represents gathering through the 3 wings, referring to 3 people in motion, merged with the fork, symbolizing a shared moment. The typography is also shaped to suggest a reunion, by merging the two O.

The app’s brand image needs to be as dynamic as its users.
A colorful and fun universe is built, around feathery mascots. The color range is coherent with the visual identity. It uses the colors of tropical birds to highlight the diversity of Gloo users. Gradations express the movement of our daily lives.

Logo and variations for Gloo
Logo and variations for Gloo
Chromatic range
Chromatic range
Logo and variations for Gloo
Chromatic range
02

Co-design workshop

Sketching, user flows and storyboards!

This method is a great way to have users and UX designers working together during collaborative workshops.

They have several objectives: need analysis, creation of the corresponding functionalities, and a first information architecture lead for the app screens.

Co-design workshop
Co-design workshop
App user flow
App user flow
Co-design workshop
App user flow
Storyboards describing the app’s user scenario
Storyboards describing the app’s user scenario
03

Designing wireframes

The wireframes show the information architecture and the interaction journey. They help visualize the concept and the associated features.

Mobile app wireframes
Mobile app wireframes
04

Graphic design: UI, marketing, and happenings

Based on the identity we defined, we have used the wireframes to produce mock-ups.

The UI design has been created for the entire app, we create visuals for the whole journey, from the onboarding to the app exit.

We work on motion design to make the graphic universe even more dynamic.

App onboarding
App onboarding

Communication media have been produced to ensure the app’s marketing on social media and during happenings.

Banner created for a Gloo public event
Banner created for a Gloo public event

Awesome mascots have been made by l’Equipe Costumes, based on our drawings.

Gloo mascots at a happening at Jardin Public (public park in Bordeaux)
Gloo mascots at a happening at Jardin Public (public park in Bordeaux)
Akiani are always ready to go the extra mile for me and my project. A super team and a super experience all round. I recommend them and their work wholeheartedly.
Aidan O’Brien, CEO at Gloo
See another project