Showcase & Discover Creative Work Sign Up For Free
Hiring Talent? Post a Job


  • Angra Marcas website has dreams transformed into reality.
  • Project at the agency t_insight in 2010/11.
    Role: Website concept, layout design and animation.
    Project no longer online.
  • Challenge
    Create a website with the same communication and spirit of the brand logo design. To develop an image that promotes agility and fluidity, and ultimately dreams coming true with great personality.
  • Communication Concept and Strategy
    This website supports the dynamics associated with the logo and brand mood. Movement, colour, speed, interaction, path and fluidity are some of the concepts the project kept in mind at all times.
    From the paths that already exist in the logo, 3 modules were created to form the entire website around the construction of “rail lines”. Content appears and lives in a space where lines form and disappear, depending on its type and moment. As a company Angra also moves, builds and adapts to find the best solutions for their clients.
    Given the target audience navigation is clear and intuitive, although not very common in other websites at the time, achieving a good balance between innovation and usability.
    Four main areas were created, divided into two blocks, with a different chromatic ambience and theme. On the left side the two areas are related with the brand: EFICIENTE ANGRA and COMUNICAÇÃO CONTACTOS, about and contacts. On the right side there are areas related with action: ACTIVAÇÃO EVENTOS and NOTORIEDADE MARCAS, events they help build and brands they work with. This allows the user to understand right away how the brand is characterised a positioned in market.
  • Image
    The goal was to create a unique movement which contained the whole look and mood of the brand and that could support all types of information necessary. Therefore all contents form and live in different ways.
    The dark coloured background has a very light and tenuous shine. This highlights the menu lines, routes and letters, with bright colours. The motion of the continuous lines surrounds the user and the content, giving the feeling of a path being uncovered.
    Some elements have depth through the use of blur and transparencies, allowing almost a 3rd dimension to the website. There is a constant smooth movement to the lines given by small shines that appear from time to time.
    The content assumes the orientation of the lines, as if they were the axis around which they are positioned, making the website more dynamic and fluid.
  • Below line maps and color testing for the website paths.
  • On the image below there are the 3 modules that produced all the lines.
  • These are some navigation and animation prototypes.
  • Outcome
    Angra Marcas Website was a solution that fitted perfectly in the logo and its motto, giving to the brand a strong a creative presence in the digital world.
    Visually strong, dynamic and intuitive as only Angra Marcas could be.
  • The images at the top of the page are screenshots from the website that was online. The remaining images are from mockups and prototypes.