PT | EN
Agência JKR + Vortigo 2021 – 2022 UX/UI Designer Redesign
Time

UX/UI Designer (eu)

Product Owner

Time da Vortigo

Meu Papel
  • Benchmark Visual
  • Wireframing & Estrutura
  • UI Design
  • Criação de UI Kit
  • Prototipação de Alta Fidelidade
  • Handoff para Devs
Duração

3 Semanas

🎯

O Desafio

Desconectar a imagem da Vortigo de um design legado que não refletia sua autoridade técnica. O objetivo foi descartar a interface antiga e arquitetar uma experiência digital do zero, fugindo dos clichês visuais do mercado de TI para estabelecer um posicionamento de marca forte, inovador e exclusivo.

O Resultado

Um redesign completo e aprovado em tempo recorde (3 semanas), 100% alinhado à essência da empresa. Após rodadas de ideação estrutural e validações de layout, consolidamos uma interface orgânica, limpa e sofisticada, elevando a percepção de valor da Vortigo frente aos concorrentes.

O Problema

A versão anterior da plataforma enfrentava desafios críticos de usabilidade. O contraste baixo gerava barreiras de acessibilidade, e a navegação confusa aumentava o tempo operacional dos usuários.

Além disso, a identidade visual não refletia mais a maturidade tecnológica de uma empresa com 10 anos de mercado.

Solução

Como UX/UI Designer, liderei o redesign visual focado em eficiência e inclusão. O objetivo não foi apenas estético, mas funcional: criar uma interface escalável baseada em Bootstrap, corrigir os déficits de contraste (WCAG) e otimizar a jornada do usuário para reduzir o tempo de tarefa.

Benchmark Visual

Comparativo antes x depois com métricas WCAG, performance e UX

❌ Interface Anterior

Contraste WCAG
4.2:1
Não atendia aos critérios de acessibilidade AA
Tempo Médio de Tarefa
4min 30s
Navegação confusa com múltiplos cliques
Taxa de Erro
8%
Inconsistência visual causava enganos

✨ Interface Nova

Contraste WCAG
7.8:1
Exceede os critérios AAA de acessibilidade
Tempo Médio de Tarefa
2min 55s
Fluxo intuitivo com atalhos otimizados
Taxa de Erro
0.2%
Design consistente minimiza enganos

Processo

Por ser um projeto de redesign de UI, optei por um processo direto e focado na clareza visual. Iniciei com a criação de protótipos de baixa e alta fidelidade para testar diferentes abordagens de layout. O prazo de entrega foi de três semanas, o que exigiu decisões ágeis e objetivas.

Grids

Nesse projeto, usei o grid do Bootstrap 5 pra montar a estrutura da página de forma mais flexível.

Fontes

Gil Sans MT PRO

H1 - Título - 72pts / Bold

H2 - Título - 60pts / Bold

H3 - Título - 48pts / Regular

H4 - Título - 36pts / Regular

Aa

Segoe UI

Texto - Texto - 24pts / Bold

Texto - Texto - 20pts / Regular

Texto - Texto - 16pts / Regular

Texto - Texto - 12pts / Regular

Aa

Paleta de Cores

#1E2167
#842AAD
#00FFFB
#080808
Mockup do site Vortigo em tela cheia

Wireframe de baixa fidelidade

Wireframe de baixa fidelidade

Páginas

Clique nos cards e veja os wireframes em detalhes.

Home

Tela Vortigo Home

Nós somos a Vortigo

Tela Nós somos a Vortigo

Soluções

Tela Soluções

Squad as a Service

Tela Squad as a Service

Segmentos de Negócio

Tela Segmentos de Negócio

Consultoria

Tela Consultoria

Tecnologia Especializada

Tela Tecnologia Especializada

Cases

Tela Cases

Blog

Tela Blog

Wireframe de alta fidelidade

Wireframe de alta fidelidade

Páginas

Clique nos cards e veja os wireframes em detalhes.

Home

Tela Vortigo Home

Nós somos a Vortigo

Tela Nós somos a Vortigo

Soluções

Tela Soluções

Squad as a Service

Tela Squad as a Service

Segmentos de Negócio

Tela Segmentos de Negócio

Consultoria

Tela Consultoria

Tecnologia Especializada

Tela Tecnologia Especializada

Cases

Tela Cases

Blog

Tela Blog
Disponível para novos projetos

Vamos trabalhar juntos?

Se você tem uma ideia, uma vaga ou só quer trocar uma figurinha, me manda uma mensagem.