2026
UI/UX Design
Framer
Identidade visual
Vertex
Website Redesign
Cliente
Vertex Creative Partners LTD
Serviço
Design e Desenvolvimento de Site no Framer
O projeto
Um redesign completo para a Vertex Creative Partners, uma consultoria técnica britânica especializada em Análise Avançada de Dados e Sistemas de IA. Construímos uma identidade visual do zero, substituindo a tipografia genérica e o layout em blocos por uma estética que reflete a sofisticação técnica do que a Vertex realmente entrega.
O desafio
No B2B de tecnologia, o website costuma ser o primeiro filtro que um cliente em potencial usa antes de decidir entrar em contato. O site anterior não passava por esse filtro — Times New Roman, layout genérico, nenhuma identidade visual.
Redesenhamos tudo do zero. Uma identidade visual escura construída em torno do teal #3ECFA3, assets criados sob medida, tipografia estruturada e cada seção reconstruída com propósito: um bento grid para os serviços com ícones animados personalizados, uma seção de processo com scroll ativo e efeito de brilho verde, e um componente interativo totalmente personalizado para a seção de equipe — três cards de editor de código colaborativo com cursores animados, criados especificamente porque o cliente não queria usar fotos.
O site agora posiciona a Vertex do tamanho que ela realmente é.
Melhores
Higlights
Wireframe, Protótipo e Processo
Design totalmente responsivo
Hero moderno
Um hero que parece, de fato, uma empresa de tecnologia. O hero anterior não tinha impacto visual — layout genérico, sem identidade. Reconstruímos com um visual 3D luminoso personalizado, hierarquia de títulos forte e uma estética que define o tom de tudo que vem abaixo.
Serviços em bento grid com ícones personalizados
Serviços que se destacam em vez de se perder no layout. Cada serviço agora tem um ícone personalizado com animação temática, organizado em bento grid. Passaram de invisíveis a ser uma das seções visualmente mais distintas da página.
Componente interativo criado para o cliente
Um componente personalizado criado em torno da restrição real do cliente. A Vertex não queria usar fotos da equipe. Em vez de forçar um placeholder genérico, criamos um componente interativo do zero: três cards de editor de código com cursores colaborativos animados, trabalhando, selecionando, escrevendo e deletando código em tempo real. Os usuários podem arrastar os cards, interagir com o paralaxe, e os cursores continuam seguindo. Criado exclusivamente para este projeto.
Seção de processo com scroll ativo
Uma seção que se move da forma como o processo realmente funciona. No scroll, cada etapa é revelada em sequência — linear, intencional. O efeito de brilho verde conecta à identidade visual e faz a progressão parecer o próprio trabalho.
Full
Website
O projeto
Um redesign completo para a Vertex Creative Partners, uma consultoria técnica britânica especializada em Análise Avançada de Dados e Sistemas de IA. Construímos uma identidade visual do zero, substituindo a tipografia genérica e o layout em blocos por uma estética que reflete a sofisticação técnica do que a Vertex realmente entrega.
O desafio
No B2B de tecnologia, o website costuma ser o primeiro filtro que um cliente em potencial usa antes de decidir entrar em contato. O site anterior não passava por esse filtro — Times New Roman, layout genérico, nenhuma identidade visual.
Redesenhamos tudo do zero. Uma identidade visual escura construída em torno do teal #3ECFA3, assets criados sob medida, tipografia estruturada e cada seção reconstruída com propósito: um bento grid para os serviços com ícones animados personalizados, uma seção de processo com scroll ativo e efeito de brilho verde, e um componente interativo totalmente personalizado para a seção de equipe — três cards de editor de código colaborativo com cursores animados, criados especificamente porque o cliente não queria usar fotos.
O site agora posiciona a Vertex do tamanho que ela realmente é.
Melhores
Higlights
Wireframe, Protótipo e Processo
Design totalmente responsivo
Hero moderno
Um hero que parece, de fato, uma empresa de tecnologia. O hero anterior não tinha impacto visual — layout genérico, sem identidade. Reconstruímos com um visual 3D luminoso personalizado, hierarquia de títulos forte e uma estética que define o tom de tudo que vem abaixo.
Serviços em bento grid com ícones personalizados
Serviços que se destacam em vez de se perder no layout. Cada serviço agora tem um ícone personalizado com animação temática, organizado em bento grid. Passaram de invisíveis a ser uma das seções visualmente mais distintas da página.
Componente interativo criado para o cliente
Um componente personalizado criado em torno da restrição real do cliente. A Vertex não queria usar fotos da equipe. Em vez de forçar um placeholder genérico, criamos um componente interativo do zero: três cards de editor de código com cursores colaborativos animados, trabalhando, selecionando, escrevendo e deletando código em tempo real. Os usuários podem arrastar os cards, interagir com o paralaxe, e os cursores continuam seguindo. Criado exclusivamente para este projeto.
Seção de processo com scroll ativo
Uma seção que se move da forma como o processo realmente funciona. No scroll, cada etapa é revelada em sequência — linear, intencional. O efeito de brilho verde conecta à identidade visual e faz a progressão parecer o próprio trabalho.
Full
Website
