Resumo
O Centro Comercial Augusts precisava de uma forma digital simples de apresentar a localização das lojas.
A 2410 desenvolveu um mapa interativo e responsivo, com etiquetas e ligações editáveis.
Os utilizadores podem explorar facilmente o centro comercial em qualquer dispositivo, enquanto as atualizações são geridas através do painel de administração.
História do cliente
O Centro Comercial Augusts queria uma solução simples, mas moderna, para apresentar a localização das lojas no seu website. Não precisava de animações sofisticadas nem de funcionalidades 3D complexas - apenas de algo limpo e prático.
A ideia era criar um mapa de lojas fácil de navegar, como nos grandes centros comerciais, com nomes visíveis que pudessem ser editados posteriormente sem reconstruir o layout. Com a orientação da 2410, o mapa final ofereceu exatamente isso: uma planta limpa, etiquetas claras e ligações dinâmicas - fácil de manter, adaptado a dispositivos móveis e visualmente alinhado com a marca.
Visão geral do projeto
A 2410 desenvolveu um mapa interativo para o Centro Comercial Augusts, concebido para apresentar todas as lojas num esquema claro de um único piso. O projeto foi implementado com Editor X, garantindo que o mapa permanecesse responsivo e intuitivo em computadores e dispositivos móveis.
O mapa apresenta os nomes das lojas sempre visíveis e efeitos de passagem do rato que destacam cada localização. Ao clicar numa loja, os utilizadores são encaminhados para a respetiva página de detalhes. Os nomes das lojas e os tamanhos das fontes são geridos através de um painel de administração dedicado, permitindo atualizações fáceis em tempo real sem a intervenção de um programador.
Para manter a interface limpa, os pop-ups de informação foram intencionalmente excluídos. Em vez disso, o foco esteve na simplicidade e clareza - os utilizadores veem todas as informações essenciais de imediato.
A solução foi desenvolvida e testada iterativamente, com feedback contínuo do cliente. Apesar de ter sido explorada uma possível secção de cartões-presente através do Octobercms, decidiu-se suspender essa fase devido a limitações do backend e restrições orçamentais.
O resultado final foi um mapa de lojas totalmente funcional e otimizado para SEO, que melhorou a navegação dos utilizadores e contribuiu para uma experiência de compras digital mais fluida.
- Shopping center "Augusts"
Principais funcionalidades entregues
- Mapa interativo 1D com 17 lojas identificadas
- Efeitos de passagem do rato para feedback visual
- Tamanho responsivo das fontes nos blocos dinâmicos das lojas
- Conteúdo dinâmico através da base de dados administrativa (nomes das lojas e ajustes do tamanho da fonte)
- Suporte para vários dispositivos (computador, tablet e telemóvel)
Tecnologias utilizadas
O resultado
O resultado final é um elegante mapa interativo de lojas para o Centro Comercial Augusts , integrado de forma fluida no website do cliente. Concebida com uma abordagem mobile-first , a solução proporciona uma experiência de navegação fluida e intuitiva em todos os dispositivos.
Desenvolvido em
Editor X
, o mapa permite aos utilizadores navegar facilmente por 17 lojas, com cada localização claramente identificada e ligada à sua página individual. Os nomes das lojas e os tamanhos das fontes são carregados dinamicamente a partir de uma base de dados administrativa ligada, garantindo atualizações rápidas e simples.
Dica: Os administradores podem ajustar diretamente os tamanhos das fontes no CMS através de um sistema de valores numéricos, proporcionando flexibilidade para futuras alterações ao layout.
Com o desempenho e a simplicidade em mente, foram utilizados efeitos de passagem do rato em vez de pop-ups ou tooltips. Esta escolha de design minimalista mantém a interface limpa, oferecendo simultaneamente um feedback visual envolvente durante a interação.
- Otimizado para dispositivos móveis e computadores com redimensionamento proporcional das fontes
- Atualizações controladas pelo administrador através da
base de dados Shops - Ligações dinâmicas para a página de cada loja
- Layout responsivo adaptado a diferentes tamanhos de ecrã
O processo de desenvolvimento incluiu várias iterações e melhorias visuais baseadas no feedback do cliente em tempo real. Assim, tanto a funcionalidade como a fidelidade visual corresponderam às expectativas para um website de um centro comercial premium.
A versão final está disponível em: tcaugusts.lv/map
Está a pensar desenvolver um sistema semelhante?
Estas são as perguntas mais frequentes que recebemos de clientes interessados em desenvolver mapas interativos ou módulos web personalizados semelhantes para centros comerciais, espaços ou plataformas imobiliárias. As respostas ajudarão a compreender melhor o que é possível fazer, o que é necessário e como funciona o processo.