QUEL Vamos conversar
Projetos selecionadosCASE 02 / ODDSTAR
UI DESIGN · DESIGN SYSTEM

Dados complexos.
Uma identidade
que se reconhece.

Oddstar

Uma linguagem visual própria para aproximar as pessoas das análises de futebol com inteligência artificial.

Conheça o produto
01 / Home e descoberta de partidas
MINHA ATUAÇÃO
Identidade e experiência visual
PRODUTO
Futebol, dados e IA
ENTREGAS
Design System, UI e navegação
ABORDAGEM
Clareza e personalidade

O DESAFIO

A Oddstar nasceu para reunir dados estatísticos e gerar previsões sobre partidas. Meu desafio era transformar a complexidade das análises em uma experiência acessível e construir uma identidade que desse personalidade ao produto desde o primeiro contato.

02 / IDENTIDADE VISUAL

Uma marca presente
em cada interface.

Tipografia de impacto.
Contraste forte.
Componentes com personalidade.

Desenvolvi uma linguagem visual que combina títulos expressivos, cores de destaque e elementos gráficos recorrentes. A intenção era criar reconhecimento sem comprometer a leitura das informações.

A base em tons escuros convive com superfícies claras para os dados. Amarelo-lima, roxo e rosa organizam os destaques e estados visuais; Anton e Poppins combinam expressão nos títulos e leitura no conteúdo.

02 / Fundamentos e componentes do Design System
TIPOGRAFIA

Expressão e leitura.

Títulos condensados criam hierarquia; textos e dados mantêm uma composição mais regular.

COMPONENTES

Uma base recorrente.

Cards, tags e navegação compartilham uma linguagem que conecta as diferentes telas.

SISTEMA

Unidade para evoluir.

O Design System sustenta a expansão da interface conforme novas funcionalidades entram no produto.

03 / DO CONCEITO AO PRODUTO

Da descoberta da partida
à leitura das previsões.

Minha atuação reuniu identidade visual, componentes, layouts, arquitetura da informação e fluxos de navegação. O objetivo foi equilibrar personalidade, clareza e capacidade de evolução.

03 / Descoberta e acompanhamento de previsões
01

Encontrar a partida.

A home destaca os confrontos principais e oferece caminhos para explorar as próximas partidas.

02

Entender o contexto.

Previsões, escalações, classificação e confrontos organizam diferentes camadas de informação.

03

Escolher e acompanhar.

A seleção de previsões e o boletim conectam a consulta da partida ao fluxo principal do produto.

04 / Visão do conjunto de interfaces
Apresentação visual animada da Oddstar
05 / RESULTADO

Uma linguagem própria.
Um fluxo que convida a explorar.

USO DO FLUXO PRINCIPAL

5

previsões por partida,
em média.

Indicador relatado no case original.

No relato do projeto, novos usuários demonstraram facilidade para compreender o funcionamento da plataforma. O componente principal de previsões se tornou um dos elementos mais explorados.

Os feedbacks recebidos pela equipe também destacaram a qualidade visual: uma experiência percebida como bonita, moderna e agradável de utilizar.

Para mim, o valor desse trabalho está em conectar uma identidade reconhecível à organização da informação, dando unidade à experiência conforme o produto evolui.

Explorar a Oddstar
Sobre este case

Narrativa e resultados baseados no case publicado no Behance. As imagens apresentam os layouts do projeto. O indicador de uso é o reportado na publicação, que não detalha período ou tamanho da amostra.

Abrir original