GZM
Dos dados à dinâmica - reimaginando o Observatório Socioeconômico Metropolitano para a era moderna com uma abordagem centrada no usuário.
Sobre a GZM
O Observatório Socioeconômico Metropolitano da GZM reúne, processa e analisa dados públicos relacionados à área da GZM, mantendo-se atento às tendências e mudanças em evolução que ocorrem na região.
Esses dados desempenham um papel fundamental na formação das estratégias socioeconômicas da GZM, sendo um recurso valioso para vários departamentos do escritório metropolitano. A plataforma fornece uma visão abrangente de cada município e da região mais ampla da GZM, desde a demografia e a economia até as finanças, a infraestrutura e o meio ambiente.
Linha do tempo
1400 horas de trabalho desde o lançamento do projeto até o lançamento final
Primeiros encontros, fase de design, fase de desenvolvimento
Maio de 2022
Entrega do
o produto acabado
Março de 2023
Fase de desenvolvimento contínuo
e ideias adicionais
Abril de 2023 - até o momento
NECESSIDADES E OBJETIVOS COMERCIAIS
O processo de gerenciamento e apresentação de dados era complicado, demorado e exigia a assistência de membros da equipe especializados em codificação para lidar com o back-end do site. Assim, a principal meta comercial do cliente era apresentar os dados de forma clara e acessível e obter um grau maior de independência no gerenciamento de conteúdo.
Um requisito adicional era garantir uma transição perfeita do site atual, mantendo todas as opções e recursos existentes sem nenhuma perda de funcionalidade ou conteúdo. A visão do nosso cliente era clara: eles queriam uma réplica totalmente funcional do site atual, mas com um backend muito mais gerenciável.
Fase inicial
Desenvolvemos três modelos de página inicial para capturar a sensação desejada do projeto com base na entrevista com o cliente, nas percepções de seu site atual e na documentação fornecida. Usando-os como base, projetamos visualizações específicas para várias seções do site, incluindo mapas, estatísticas, análises e publicações. Além disso, criamos modelos para atualizações de notícias no blog.
Em seguida, criamos três versões visuais da página inicial para apresentar uma gama diversificada de possibilidades de design. Em meio a esse processo, recebemos um sistema de design não oficial, que o cliente pretende usar nos próximos anos. Nosso desafio foi harmonizar nossos designs com esse sistema e, ao mesmo tempo, aderir às diretrizes funcionais prescritas, garantindo uma integração perfeita entre estética e utilidade.
1º Desenvolvimento
FASE
-
01.
Conteúdo estático
Essa etapa concentrou-se na integração do conteúdo estático à plataforma WordPress. Isso implicou a incorporação de informações não dinâmicas, como publicações, análises, listas de projetos e procedimentos de licitação, garantindo que fossem organizadas de forma eficiente no site para facilitar a navegação.
-
02.
Componentes do WP
Preparamos uma série de componentes do WordPress no back-end, adaptados para a conveniência do editor.
-
03.
Versão para celular
Também demos atenção especial à versão móvel do site, garantindo sua total capacidade de resposta e adaptabilidade a vários tamanhos de tela.
-
04.
Padrões WCAG
Também implementamos otimizações alinhadas aos padrões WCAG, como o ajuste de tamanhos e contrastes de fontes, proporcionando uma experiência de usuário coesa e acessível.
2º Desenvolvimento
FASE
-
01.
Módulo Infomap
Estreamos um módulo de infomapa interativo, que permite ao cliente anexar diversos conteúdos, criar legendas, selecionar cores e segmentar dados por cidades ou municípios. Sua funcionalidade é impulsionada pelo módulo Leaflet, permitindo que os administradores exibam mapas ilimitados incorporados em um cartograma e carreguem os dados necessários diretamente no WordPress.
-
02.
Estatísticas
A seção Estatísticas ganhou um impulso com ferramentas como Leaflet, GeoJSON e amCharts. Agora, os usuários podem inserir vários indicadores para estatísticas específicas, ver tendências de crescimento ou declínio e acessar uma barra lateral adicional que reflete mudanças dinâmicas. A legenda é totalmente gerenciável, com uma opção para exibir dados para fins acadêmicos ou até mesmo fazer o download de estatísticas completas.
-
03.
Links exclusivos
Os dados são obtidos principalmente de arquivos GeoJSON ou CSV, mas o sistema também suporta adições manuais. As ações realizadas pelos usuários são salvas durante a sessão, permitindo que eles gerem links exclusivos depois de navegar pelo módulo. Esses links exibem gráficos específicos com dados e cores escolhidos, apresentando um layout de mapa personalizado com as configurações desejadas, e podem ser facilmente compartilhados ou incorporados em outros lugares. Atualmente, há 318 indicadores estatísticos diferentes, com outros em desenvolvimento.
-
04.
Gráficos
Preparamos o suporte de back-end e front-end para um conjunto de gráficos, incluindo gráficos de barras e pirâmides. Usando os recursos do amCharts, nós os desenvolvemos como componentes independentes do WordPress para que possam ser adicionados perfeitamente a um site sem nenhuma intervenção técnica. Agora, eles permitem a configuração de vários gráficos e facilitam a cópia e a duplicação.
-
05.
O mapa verde da GZM
Criamos uma seção dedicada no WordPress que reúne dados sobre parques, praças, playgrounds e áreas de lazer. Cada um dos locais listados tem sua própria subpágina, completa com uma galeria, detalhes suplementares, tamanho da área, informações de acessibilidade, bem como fauna e flora. O repositório é atualizado continuamente com novos locais em um mapa interativo onde os usuários podem explorá-los em detalhes. O mapa apresenta dicas de ferramentas, opções de filtragem e a capacidade de exibir diferentes camadas, garantindo uma apresentação de dados fácil de usar.
-
06.
Visite a GZM
O Visit GZM é uma plataforma projetada principalmente para turistas, com o objetivo de divulgar e promover a região. Ela tem um mapa interativo com filtros, uma barra lateral dinâmica, dicas de ferramentas e muito mais. As atrações turísticas são categorizadas em vários grupos principais, e cada um deles é dividido em subseções mais detalhadas. Os usuários podem ver os locais recomendados e informações sobre se a atração tem uma taxa de entrada ou é gratuita. A plataforma é atualizada continuamente, com 385 locais exclusivos, e oferece a flexibilidade de adicionar novas categorias e subcategorias. O design personalizável permite a exibição de categorias específicas, codificação por cores e outros módulos personalizados. Os planos de desenvolvimento futuro incluem a adição de rotas de ciclismo.
Resumo
Aprimoramento dos negócios
Processo simplificado
As novas atualizações eliminaram a necessidade de conhecimento especializado em codificação, resultando em um processo mais simplificado. A transição para o WordPress também facilitou a adição fácil de indicadores sem os desafios encontrados anteriormente.
Design moderno do site
O objetivo era criar um site que se diferenciasse dos típicos sites burocráticos. A aspiração não era apenas uma atualização, mas um salto transformador para uma interface moderna e fácil de usar
Centro de informações envolvente
O site foi concebido como um centro informativo que atrai os usuários com seu design envolvente, tornando a recuperação de informações fácil e agradável.
Apresentação amigável de dados
As informações no portal são visualmente atraentes, usando mapas, gráficos, diagramas, tabelas e resumos, garantindo que sejam atraentes e fáceis de serem digeridas pelos usuários.
Processo colaborativo de design e desenvolvimento
O processo de design e funcionalidade foi continuamente consultado, envolvendo várias aprovações do cliente, que se envolveu em extensas discussões na fase inicial do projeto. Essa colaboração garantiu a combinação perfeita de funcionalidade e design.
Interface amigável ao editor
A plataforma se tornou mais amigável ao editor, permitindo a criação fácil de mapas interativos de várias áreas e temas, disponíveis para uso futuro sem custos adicionais.
Resultado
O site renovado recebeu críticas louváveis, marcando um avanço significativo como o principal local de acesso, com o objetivo de ser uma ferramenta que acumula conhecimento abrangente para qualquer pessoa que visite a Silésia ou que precise de informações socioeconômicas completas para qualquer finalidade.
