Voltar para a homepage

Web / Interactive

Goodstart Maps

O Goodstart Maps transforma a exploração do mundo em uma experiência digital interativa, conectando inglês, cultura e curiosidade global.

Experimento de mapa interativo que explorou formas de descobrir países e culturas e gerou aprendizados aplicados posteriormente no Geogram e no Copa 2026 Goodstart.

Tipo de projeto: Web / Interactive Status: planned Ano: 2026

Resumo executivo

Problema

Criar uma experiência digital que vá além de páginas tradicionais de conteúdo, permitindo que o usuário descubra o mundo de forma visual, livre e interativa.

Solução

Criei um protótipo com navegação geográfica e interações visuais, usando-o para experimentar ideias que depois influenciaram o Geogram e deram origem ao Copa 2026 Goodstart.

Galeria de imagens

Goodstart Maps gallery selected

Relato autoral sobre decisões de produto, execução e aprendizados deste projeto.

Goodstart Maps é um projeto interativo criado para permitir que usuários explorem o mundo de forma visual, curiosa e educativa.

A ideia do projeto é transformar um mapa em uma porta de entrada para conteúdos sobre países, culturas, idiomas, viagens, curiosidades e temas globais. Em vez de apresentar o conteúdo apenas em listas, artigos ou páginas tradicionais, o usuário pode navegar pelo mundo, clicar em países e descobrir informações de forma mais livre e envolvente.

O projeto está atualmente no back burner. Sua exploração inicial, porém, influenciou o Geogram e evoluiu diretamente para o experimento editorial Copa 2026 Goodstart.

O que está sendo construído

O Goodstart Maps foi pensado como uma experiência interativa baseada em mapa, com navegação por países e possibilidade de expansão gradual de conteúdo.

Entre os principais elementos planejados estão:

  • mapa interativo para exploração global;
  • destaque visual de países durante a navegação;
  • interação por clique, hover e movimentação no mapa;
  • conteúdos contextuais sobre países e regiões;
  • conexão com temas culturais, linguísticos e educacionais;
  • experiência adaptada para desktop e mobile;
  • base preparada para expansão futura com estados, províncias ou regiões internas;
  • possibilidade de integrar sons, animações e elementos visuais mais imersivos.

Papel no projeto

Neste projeto, atuei na concepção da experiência, na estruturação da interface e na implementação inicial do mapa interativo.

O trabalho envolve pensar não apenas na parte técnica do mapa, mas também no papel que essa experiência ocupa dentro da marca Goodstart. O objetivo não é criar um mapa genérico, mas uma ferramenta de descoberta que ajude o usuário a explorar o mundo de maneira conectada ao aprendizado de inglês, cultura internacional e curiosidade global.

Isso exige decisões sobre navegação, interação, organização de conteúdo, estados visuais, responsividade e possibilidades futuras de crescimento.

Decisões de produto e tecnologia

O protótipo foi estruturado com React, Vite, TypeScript, Tailwind CSS, Firebase e MapLibre GL, com foco em interatividade, performance e experimentação rápida.

A escolha por uma arquitetura web leve facilita a publicação de novas versões, o teste de interações e a integração futura com conteúdos editoriais ou educacionais da Goodstart.

O projeto prioriza:

  • exploração visual e intuitiva;
  • experiência interativa em vez de navegação linear;
  • performance no carregamento do mapa;
  • adaptação para diferentes tamanhos de tela;
  • estrutura preparada para crescer com novos conteúdos;
  • conexão entre geografia, cultura, inglês e descoberta global.

Resultado esperado

Goodstart Maps ainda não está concluído e não está em desenvolvimento ativo, mas já cumpriu um papel importante como laboratório para explorar produtos baseados em mapas.

O projeto amplia a experiência da marca para além de cursos e artigos, criando um ambiente em que o usuário pode explorar o mundo de forma ativa. Ele reforça a ideia de que o inglês não é apenas uma disciplina, mas uma ferramenta para acessar culturas, histórias, lugares e oportunidades.

Se for retomado, o conceito poderá evoluir para um guia cultural interativo com lojas, pontos turísticos icônicos e referências locais de cidades importantes do mundo.

Stack

React 19Vite 8TypeScriptTailwind CSS v4MapLibre GLFirebase

Tags

MapaEducaçãoInterativoCulturaProdutoUX

Próximos projetos para explorar