Tivit Website

•

Tivit Website

2021

Tivit é uma multinacional brasileira de tecnologia, e uma das líderes da categoria. Em 2019, a Tivit apresenta sua nova identidade visual, fruto de um estudo de rebranding que incluiu novas cores, estilo fotográfico, fontes, ícones, além de um novo slogan: "Tivit, seu futuro, nosso desafio." A agência Ana Couto topou o desafio de desenvolver seu novo site, realizando um sprint de co-criação com metodologia proprietária em conjunto com a equipe de marketing e membros C-level da Tivit. O objetivo era decupar o briefing e desenvolver três protótipos navegáveis em alta fidelidade, que guiariam o visual de todas as páginas subsequentes. Atuei como líder de projeto dentro da equipe Ana Couto.

Tivit is a Brazilian tech multinational, and one of the leaders in the category. In 2019, Tivit presented its new visual identity, the result of a rebranding study that included new colors, photographic style, fonts, icons, as well as a new slogan: "Tivit, your future, our challenge." The Ana Couto team took on the challenge of developing its new website, carrying out a co-creation sprint with proprietary methodology along with Tivit's marketing team and C-level members. The goal was to decouple the brief and develop three high-fidelity navigable prototypes, which would guide the visual key of all subsequent pages. I worked as project leader within the Ana Couto team.

sobre O projeto

Durante o sprint, definimos três diferentes perfis de usuário que buscávamos atingir: o parceiro comercial que deverá apresentar uma Tivit de cara nova em suas reuniões de negócios; o cliente em potencial, que pode ter dificuldade em encontrar o serviço que deseja devido à extensa oferta de produtos; e o profissional de tecnologia que a Tivit busca recrutar e manter com longevidade, devido à alta rotatividade na área de tecnologia. Em seguida desenvolvemos, focando em cada perfil, os seguintes protótipos:

1) Parceiro comercial -> Apresentar o novo branding: apostamos em uma Homepage com um banner inicial impactante, apresentando os novos elementos de marca da Tivit: o estilo fotográfico, o vermelho vibrante, o slogan e o principal elemento gráfico presente na interface: o V, caracter presente no meio da palavra Tivit, que foi utilizado para conduzir a diagramação do site;

2) Cliente em potencial -> Reorganizar o cardápio de serviços: decidimos centralizar a navegação de serviços no menu, onde em poucos cliques o usuário poderia encontrar a solução que procura. Todas as soluções apresentam um pequeno descritivo;

3) Profissional de tecnologia -> Atrair profissionais qualificados: desenvolvemos a página Pessoas e Carreiras apresentando todas os benefícios oferecidos pela Tivit, os valores da empresa, cursos oferecidos e vagas disponíveis.

About the project

During the sprint, we defined three different user profiles that we were aiming to target: the commercial partner who should present a brand new Tivit on their business meetings; the potential customer, who may have difficulty finding the service they want due to the extensive service offering; and the tech professional that Tivit seeks to recruit and maintain with longevity, due to the high turnover in the tech area. We then developed, focusing on each profile, the following prototypes:

1) Commercial partner -> Present the new branding: we worked on a Homepage with an impactful hero banner, presenting Tivit's new brand elements: the photo style, the vibrant red, the slogan and the main graphic element in the interface: the V, character present in the middle of the word Tivit, which was used to conduct the reading of the website;

2) Potential customer -> Reorganize the services menu: we decided to centralize the services navigation in the menu, where in just a few clicks the user could find the solution they are looking for. All solutions have a short description;

3) Technology professional -> Attract qualified professionals: we developed the People and Careers page presenting all the benefits offered by Tivit, the company's values, courses offered and open roles.

resultado

A experiência do usuário foi trabalhada de forma que as necessidades dos perfis traçados fossem atendidos. O resultado foi um site impactante, vibrante, moderno e que inspira tecnologia. A navegação é simples, o menu é enxuto e a oferta de serviços apresenta toda a atuação da empresa sem dificultar a escolha. Foram criados elementos gráficos proprietários na Interface do Usuário, como o V, presente com bastante peso em todos os banners das páginas e sutilmente marcando as transições entre as seções.

the result

The user experience was designed on in such a way that the profiles outlined needs were met. The result was an impactful, vibrant, modern and technology-inspired website. The navigation is simple, the menu is short and the service offering presents the whole range of operations without making it difficult to choose. Unique graphic elements were created in the User Interface, such as the V, present heavily in all the banners of the pages and subtly marking the transitions between sections.