MOOVE
Um website para um espaço de desporto e comunidade onde marcar campo, ginásio ou festa segue por três sistemas diferentes, sem o visitante ter de saber qual.
Visitar website↗
A MIRAE construiu o website do Moove à volta de uma só decisão: escolher o que se quer fazer. A partir daí, o site encaminha para a plataforma certa, seja o campo de futebol, o ginásio ou uma festa de aniversário, sem obrigar ninguém a saber quem trata do quê.
O briefing
O Moove é um ponto de encontro com muita coisa a acontecer: futebol, padel, ginásio, treino personalizado, festas de aniversário e o Ryo. Cada um tem a sua forma de marcar, e o desafio era esconder essa complexidade de quem só quer jogar.
O site não cobra nem gere pagamentos: os campos e o ginásio vivem em plataformas de marcação próprias, e é lá que a reserva se fecha. O trabalho foi fazer com que a passagem para cada uma delas seja invisível, e que as festas, essas, se marquem aqui mesmo.
Abordagem de design
Setenta componentes, zero atalhos
Cerca de setenta componentes escritos de raiz e oito mil linhas de CSS próprio, sem framework de interface nenhum. A paleta de dourado, sálvia, castanho, preto e creme e as três famílias tipográficas vivem num sistema de tokens, e todos os ícones são SVG escritos à mão.
Navegável por toda a gente
Ligação para saltar direto ao conteúdo, marcos semânticos, contorno dourado bem visível em quem navega por teclado, descrições em todas as imagens e atributos de acessibilidade em trinta e oito componentes. O menu muda de comportamento conforme o ecrã: abre ao passar o rato no computador, e em acordeão no telemóvel.
Desenvolvimento
Três sistemas, uma escolha
Futebol e padel abrem direto na Playtomic, no desporto certo, com uma alternativa visível se o browser bloquear a nova janela. Ginásio e treino personalizado carregam um widget de marcações dentro da própria página. Aniversários seguem para um formulário nosso e o Ryo para contacto. Quem visita escolhe o que quer fazer, e é só isso que tem de saber.
A festa configurada ao detalhe
No formulário de aniversários, escolher o pacote muda o que se segue: os extras disponíveis e o número mínimo de crianças ajustam-se sozinhos, há seleção de horário e o consentimento fica ligado à política de privacidade. O pedido chega por email à equipa.
O recinto inteiro em treze páginas
Treze rotas cobrem tudo o que lá acontece, com tabelas de preços geradas a partir de dados: horas de maior e menor procura, treino personalizado individual ou a dois, pacotes de festa. Mudar um preço é mudar um valor, não reescrever uma tabela.
O que se nota quando algo corre mal
Cada página é carregada só quando é pedida, e por isso o sistema de revelações ao scroll, escrito de raiz, vigia também os elementos que chegam depois. Se algo rebentar, aparece um ecrã da marca em vez de uma página em branco, e quem prefere menos movimento tem as animações desligadas por regra global.
Continua a explorar o nosso trabalho
Diga-nos o que está a construir
Fale-nos dos seus objetivos e respondemos em 24 horas com um âmbito claro e os próximos passos.