FLYR Visual Identity and Marketing Website




  • Evolution of visual language

    Our collaboration with the Flyr team began with logo fine-tuning and refreshment. The team
    was open to color exploration and experiments on an additional mark that would complement the
    existing logotype. Considering we were tasked with evolving the brand, anything that had
    already become familiar to users needed to be carefully treated to maintain unmistakable brand
    recognition.

    With that in mind, our goal was to come up with a new, fresh and modern mark that
    was representative of the business’ look and feel. To do this, we started at the beginning.
    During the first phases, we discussed the key aspects of the business, collected attributes, and
    prepared mood boards to find the right feel and inspiration for further work.
     





  • Brand mind map

    During one of the first exercises, we created a large word list comprised of nouns, adjectives, and
    verbs that we felt best described the company. We then widdled the list down to 10-15 nouns that
    were the most relevant.

    The goal of this step was to develop a comprehensive list of nouns that depicted the business. It’s
    tricky to come up with a visual representation of trust, but there are always common associations
    linked with that word.






  • ​​Sketches

    Based on these attributes, we started working on sketches. At this stage, we mostly worked with
    simple hand-drawn shapes and objects. We combined various nouns and metaphors with business
    aspects and prepared a number of sketches to examine further.






  • Color system

    When it came to the colors, we chose several blue tones and purple shades. This proposed color
    range was brighter and fresher than the previous brand colors and was mostly adapted from the
    earlier logo. It was highly tech-oriented.






  • Visual identity guidelines

    To finalize our work, we created a visual asset guideline, color palette, recommended typeface,
    patterns, use case recommendations, and more. In this case, we also created several icons for future integration.






  • Website design

    Starting with website structure and information architecture, we went through several conceptual
    iterations and were pretty brave with proposals. However, we landed on a balance between crazy
    full-screen animations and a privacy policy page type design. We kept some animations and
    effects but got rid of lots of complex proposals that would have caused delays in development.



  • Responsive layout

    Digital design requires a lot of attention to detail, as well as maintaining consistency throughout
    elements within the interface. To provide a better experience, we used an 8px grid which
    elevated readability for the main layout units and enhanced the overall design hierarchy.







  • ​​​​​​​Thanks for watching!

    We're available for web design and branding projects