ELTY
Um website para um estúdio de treino personalizado, com as meta tags de cada página escritas no HTML servido: a resposta ao problema de SEO das aplicações de página única, sem mudar de framework.
Visitar website↗
A MIRAE construiu o website da Elty com um plugin de build próprio que escreve as meta tags de cada uma das nove páginas no HTML servido, três esquemas de dados estruturados ligados entre si para a pesquisa local, e um pedido de marcação em dois passos que chega mesmo ao estúdio.
O briefing
A Elty é um estúdio de treino personalizado com uma equipa multidisciplinar, e quem procura um estúdio procura perto de casa. O site tinha de ser encontrado nessa pesquisa local e de dar confiança antes da primeira sessão.
A marcação é um pedido, não uma compra: sem calendário de disponibilidade em tempo real, sem pagamentos e sem área de cliente. O visitante escolhe o tipo de sessão, preenche o que interessa a esse tipo, e o pedido chega ao estúdio para confirmação.
Abordagem de design
A equipa pelo currículo
Os cartões da equipa viram ao clique: à frente a fotografia, o nome e a função, atrás as credenciais académicas completas. Num estúdio de saúde, quem vai treinar quer saber com quem, e a resposta está a um toque.
Cada traço escrito à mão
Cerca de 6.100 linhas de CSS próprio, sem framework nenhum, com a tipografia Gilroy servida localmente em cinco pesos. Todos os ícones são SVG escritos à mão, incluindo uma ilustração feita de propósito para o treino em grupo.
Desenvolvimento
SEO de página única, resolvido
Escrevemos um plugin de build que gera um HTML estático por rota, com título, descrição, Open Graph, Twitter Card e canonical já dentro do ficheiro servido. Resolve o problema clássico de SEO das aplicações de página única sem SSR nem mudar de framework, com uma única fonte de verdade para as nove páginas.
Encontrada por quem procura perto
Três esquemas de dados estruturados ligados entre si, com morada, coordenadas, horário de segunda a sábado e as cinco localidades servidas, mais sitemap com prioridades, robots e canonical em todas as páginas. Quem procura um estúdio na zona encontra o que precisa antes de clicar.
Pedir sessão em dois passos
Primeiro o tipo de sessão, depois um formulário que muda de campos consoante essa escolha, com barra de progresso, opções múltiplas e espaço para escrever o que não cabe nas caixas. O pedido segue por email para o estúdio e o visitante vê a confirmação no ecrã.
Rápida, e no ritmo de cada um
Imagens convertidas para WebP no build, com versões para três larguras, código dividido por rota, mapas e fotografias adiados até serem precisos e dimensões declaradas em todas as imagens. Quem prefere menos movimento tem todas 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.