Tecnologia & IA

Tivic

Site institucional de uma empresa de software com IA

Meu papel: Designer UX/UI · Desenvolvedor Web PHP/WordPress Sênior

Contexto

A Tivic é uma empresa de tecnologia de Vitória da Conquista (BA), no mercado desde 2009, que desenvolve software com inteligência artificial para transformar dados em decisões. Desenhei a interface e a experiência do site institucional e o desenvolvi em WordPress, com um tema próprio em PHP.

Cliente

Tivic

Categoria

Tecnologia & IA

Papéis

Designer UX/UI, Desenvolvedor PHP/WordPress

Tecnologia

WordPress, PHP

Desafio

Software de IA costuma ser vendido com termos técnicos que o decisor não entende. O site precisava mostrar o valor do produto em linguagem de negócio, provar que há uma empresa sólida por trás e levar o visitante a pedir uma avaliação.

O site, dobra a dobra

Da promessa no topo ao convite final, cada dobra responde a uma dúvida de quem está avaliando o produto.

01 / 06
O topo
"Transforme seus dados em decisões inteligentes": a promessa fala de resultado, não de tecnologia. Um único botão laranja, "Avaliação Gratuita", e o "Experimente Grátis" fixo no menu.
02 / 06
Funcionalidades
Análise preditiva, processamento de linguagem natural e automação de processos em três cards iguais, cada um com uma frase sobre o que muda para o cliente.
03 / 06
Cases de sucesso
Exemplos de uso em carrossel, com imagem e título orientado a resultado (eficiência operacional, atendimento virtual), para o visitante se ver no lugar do cliente.
04 / 06
Sobre nós
A empresa por trás do produto: a equipe em foto real e quatro números de prova (cidades atendidas, colaboradores, soluções ofertadas e projetos de inovação).
05 / 06
O que os clientes dizem
Depoimentos num carrossel com o card central em destaque, nome, cargo e estrelas, sobre o azul da marca.
06 / 06
Vamos trabalhar juntos
O convite final em uma frase grande e um campo de e-mail com botão laranja, seguido do rodapé com produto, contato e redes.

Sistema Visual

Azuis de tecnologia em degradê, com cortes diagonais entre as dobras e linhas de onda ao fundo, e o laranja reservado aos botões de ação, para o caminho até o contato saltar aos olhos.

Paleta

Azul Profundo

#094E8E

Topo, depoimentos e degradês

Azul Tivic

#0C61AF

Títulos e destaques

Azul Claro

#459CD9

Faixa de contato

Laranja Ação

#FFA126

Botões de avaliação, newsletter e setas

Grafite

#232C35

Rodapé

Aprendizado

Quem compra tecnologia compra resultado. Quando o site troca o nome da técnica pelo benefício (decidir melhor, atender mais rápido, automatizar processos), o produto deixa de parecer complicado e passa a parecer necessário.

Mais projetos