Diego Ruas
UI/UX

Bola na Rede

Projeto pessoal de site institucional para o Ginásio Bola na Rede, com quadras de futsal e society no centro de Pelotas.

Visão Geral

Projeto pessoal de site institucional, feito de forma voluntária como exercício prático de aprendizado. Tomei como tema um caso real: o Ginásio Bola na Rede, em atividade na Barão de Santa Tecla, em Pelotas/RS, desde 2015. A ideia era percorrer um processo de design completo do começo ao fim — entender o público, estruturar a informação, definir a identidade visual e desenhar o fluxo de reserva antes de qualquer linha de código —, sem os atalhos que um prazo comercial costuma impor.

O Desafio

O problema que me propus resolver foi o caminho até a reserva. O ginásio se organiza pelo WhatsApp e não tem uma vitrine que explique o que oferece (duas quadras cobertas, salão de festas e estacionamento) de forma clara, rápida e confiável. O principal desafio de design foi hierarquizar muita informação prática (dimensões, piso, valores, contato) sem sobrecarregar quem decide onde jogar.

Entendimento & Pesquisa

Antes de desenhar, o ponto de partida foi mapear o que o visitante realmente precisa decidir: qual quadra escolher e em qual horário reservar. A partir disso, o conteúdo foi organizado em uma hierarquia clara (contexto, quadras, salão, galeria, reserva), seguindo o caminho natural de quem quer marcar um horário.

Estrutura & Arquitetura de Informação

O design priorizou decisões racionais de comparação:

Visual & Identidade

O layout foi pensado para ser leve e legível em qualquer tela, já que boa parte do acesso acontece pelo celular. A identidade transmite energia esportiva sem competir com as fotos: paleta escura e vibrante, tipografia forte para títulos e espaçamento generoso que dá respiro às informações. Cada seção tem um papel claro na narrativa, guiando o olhar do primeiro contato até a ação de reserva.

Prototipagem & Validação

O fluxo foi estruturado em etapas: as decisões de conteúdo e navegação foram resolvidas no wireframe antes do refinamento visual, garantindo que a estrutura estivesse sólida. Daí em diante, o trabalho foi refinar até que o site funcionasse como vitrine e canal de reservas em um só lugar.

O Resultado

Um site institucional responsivo, publicado como estudo, que reúne quadras, salão, galeria e contato em um único percurso — com endereço, telefone e WhatsApp sempre a poucos toques. Como não houve uso real, o projeto vale pelo processo: foi onde exercitei arquitetura de informação, comparação visual de opções e desenho de um fluxo de reserva do zero.