Gloo

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
  • Branding
  • Direction artistique
  • UI design
  • UX design
  • UX research
  • UX strategy
Tools

    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 use the wireframes to produce mock-ups.

    The UI design is 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 are 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 are 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