Sobre o projeto

TuaVita Benefícios

Redesenhamos completamente a presença digital do produto: UI/UX e desenvolvimento do site, apresentação comercial e consultoria na implementação do app white label.

Tua Vita

O que foi entregue

  • UX/UI do site completo no Figma
  • Desenvolvimento front-end
  • Site responsivo (desktop + mobile)
  • Integração com RD Station
  • Apresentação comercial no Canva
  • Artes para App Store e Google Play
  • Consultoria na implementação do app
Contexto

O produto mudou e o site precisava acompanhar

A Tua Vita passou por uma transformação importante: deixou de ser um cartão de saúde voltado para empresas e RH, e se tornou um clube de benefícios por mensalidade para pessoas físicas. Era um produto novo, com público novo e o site antigo não dizia nada disso.

O trabalho foi construir do zero uma presença digital que fizesse sentido para quem está do outro lado: uma pessoa que precisa de saúde de qualidade, mas não consegue pagar plano.

Desafio

Como falar sobre saúde para quem já desistiu de tentar?

O público que a Tua Vita quer atingir conhece bem a dor: SUS lotado, planos de saúde caros demais, carência longa, contratos absurdos. São pessoas que já tentaram e não conseguiram, ou que simplesmente nunca tiveram acesso.

O desafio era traduzir um produto técnico, que veio do universo B2B, para uma linguagem acessível e direta, sem simplificar demais, sem perder credibilidade, e sem soar como mais uma promessa vazia na área da saúde.

Estratégia

Nossa estratégia se dividiu em três etapas:

01

Site B2C do zero

Arquitetura, UX, UI e desenvolvimento completo: responsivo, integrado ao RD Station e pensado para converter.

02

Apresentação comercial

Deck institucional para apresentar o produto, o cenário do mercado e os planos de forma clara e visual.

03

Consultoria do app

Apoio na implementação do app white label do Doutor123 e criação das artes para as lojas (App Store e Google Play).

Site

Uma página que explica e converte

O site foi construído com uma lógica de jornada: primeiro a pessoa reconhece o problema, depois entende a solução, depois conhece os planos e entra em contato. Cada seção tem um papel claro dentro desse fluxo.

Uma página que explica e converte
Apresentação comercial e App

Um deck que apresenta o produto com clareza

A apresentação comercial foi construída para cobrir o cenário do mercado, a proposta da Tua Vita, os serviços e os planos — de forma visual e direta, pensada para o contexto de vendas.

O app já pode ser acessado

Apoiamos a implementação do app white label do Doutor123 e criamos as artes para as lojas. A versão web, iOS e Android já estão disponíveis.

Tipografia

Duas fontes com papéis diferentes

A escolha tipográfica seguiu a mesma lógica da marca: sofisticação com misticismo e funcionalidade trabalhando em conjunto.

Duas fontes com papéis diferentes — 1
Duas fontes com papéis diferentes — 2
Paleta de cores

A paleta de cores da TuaVita

A paleta foi construída para transmitir o mistério mas não caísse no clichê do esotérico.

Cores principais

Azul
RGB46, 139, 209HEX#2E8BD1
Verde
RGB50, 205, 93HEX#32CD5D

Cores complementares - gradientes

Cores neutras

Iconografia

Ícones escolhidos para ajudarem na comunicação da marca

background

Vamos conversar ?

Se você tem uma visão que precisa ganhar forma com inteligência e precisão, estamos prontos para ouvir.