Teek App

IDENTIDADE VISUAL E DESIGN SYSTEM PARA APLICATIVO DE VENDA

VISUAL IDENTITY AND DESIGN SYSTEM FOR SALE APP

branding • marca • identidade visual • ui/ux • redes sociais

branding • brand • visual identity • ui/ux • social media

MAR 2022

contexto

Como criar uma marca que possa se diferenciar em um mercado bastante concorrido e ocupado por gigantes.

Os sócios da Teek me procuraram para a criação de identidade e posicionamento para um aplicativo que estavam desenvolvendo e que já estava nascendo com um mega desafio: se destacar em um cenário de grandes empresas, porém com um público bem nichado.

A partir de um modelo de negócio já maduro e equipe de desenvolvimento muito experiente, os pré requisitos eram de se tornar autoridade, sendo especialista no nicho de eletrônicos, com alta segurança e confiabilidade no app que já estava em sua versão de teste.

context

How to create a brand that can differentiate itself in a very competitive market occupied by giants.

Teek's partners approached me to create an identity and positioning for an application they were developing and which was already emerging with a mega challenge: standing out in a scenario of large companies, but with a very niche audience.

Based on an already mature business model and a very experienced development team, the prerequisites were to become an authority, being a specialist in the electronics niche, with high security and reliability in the app that was already in its test version.

sobre o cliente

O Teek é um aplicativo para dispositivos móveis com a função de facilitar a interface de comercialização de aparelhos eletrônicos usados.

A marca já nasce com o desafio de ser uma marca nova, precisando se destacar em um mercado saturado e onde o número de e-commerces e plataformas de venda só crescem, principalemnte após a pandemia.

about the client

Teek is an application for mobile devices with the function of facilitating the interface for selling used electronic devices.

The brand was born with the challenge of being a new brand, needing to stand out in a saturated market and where the number of e-commerces and sales platforms is only growing, especially after the pandemic.

conceituação

A partir de um diagnóstico detalhado sobre as funções e levantamento dos atributos diferenciais do app, a interface e a usabilidade foram detectadas como elementos primordiais na criação de ecossistema e relacionamento, em busca da visão de especialista para geração de autoridade no nicho.

Foram analisados concorrentes como Mercado Livre, enjoei, OLX e Shopee. A partir do diagnóstico de posicionamento e expressões de cada concorrente, chegamos a 4 diretrizes estratégicas para a marca:

• Definição da estratégia de marca: plataforma de branding
• Estruturação dos ativos visuais e verbais
• Estruturação do design system e interface do app
• Definição de linguagem, setup e início das postagens em redes sociais

Foram definidos também o propósito e arquétipos da marca, além das taglines de suporte para comunicação:

• Faça bons negócios de maneira fácil e segura.
• Anunciou, negociou, deu Teek!
• Seu novo usado está aqui.

conceptualization

Based on a detailed diagnosis of the functions and survey of the app's differential attributes, the interface and usability were detected as key elements in creating an ecosystem and relationship, in search of a specialist's vision to generate authority in the niche.

Competitors such as Mercado Livre, enjoei, OLX and Shopee were analyzed. Based on the diagnosis of each competitor’s positioning and expressions, we arrived at 4 strategic guidelines for the brand:

• Definition of brand strategy: branding platform
• Structuring visual and verbal assets
• Structuring the design system and app interface
• Definition of language, setup and beginning of posts on social networks

The purpose and archetypes of the brand were also defined, in addition to supporting taglines for communication:

• Do good business easily and safely.
• Announced, negotiated, gave Teek!
• Your new used car is here.

universo semântico semantic universe

universo visual visual universe

Assinatura preferencial / preferential version

Assinatura vertical / vertical version

Assinatura horizontal / horizontal version

Grade de espaçamento / spacing grid

Materiais de divulgação / promotional material

Posters

Ilustrações / illustrations

Ícones / icons

Padrão cromático / chromatic code

design system

Design System é um sistema de bibliotecas com conjuntos e componentes com padrões de design e práticas de comportamentos específicos para uma determinada marca ou produto.

O seu maior objetivo é facilitar o desenvolvimento de interfaces e também a comunicação entre o time dentro do projeto, e já é utilizado pelas maiores empresas do mundo.

Esse sistema pode possuir, além de padrões visuais, padrões de linguagem, escrita, comportamento, dentre outros elementos.

Etapas de produção:
• auditoria visual (análise minuciosa das telas);
• linguagem visual;
• pattern library (conjunto de padrões de design);
• documentação para diretrizes e regras.

design system

Design System is a system of libraries with sets and components with design patterns and behavioral practices specific to a given brand or product.

Its main objective is to facilitate the development of interfaces and also communication between the team within the project, and it is already used by the largest companies in the world.

This system may have, in addition to visual patterns, patterns of language, writing, behavior, among other elements.

Production steps:
• visual audit (thorough analysis of screens);
• visual language;
• pattern library (set of design patterns);
• documentation for guidelines and rules.