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
    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 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