PROJETO

Website institucional da METROKS com catálogo de produtos dinâmico, painel administrativo e integração com base de dados de stock

Implementação do design do website, Desenvolvimento frontend (site responsivo e multilingue), Desenvolvimento backend com painel administrativo, Integração da API REST com o Visma Horizon, Catálogo dinâmico e sistema de filtragem, Funcionalidade de exportação para PDF, Sistema de favoritos e recomendações, Apresentação e sincronização do stock

  • Setor: Distribuição de azulejos
  • Letónia Localização: Letónia
  • Prazo de entrega: 5 semanas
  • Tecnologias: HTML/CSS/JavaScript, Microsoft SQL Server 2017
  • Avaliação: 5/5
2 meses

Resumo

Problema

Website desatualizado e sistema de produtos desligado

Solução

Site responsivo com integração ERP e CMS personalizado

Resultado

Lançamento de uma plataforma moderna e multilingue em 2 meses

História do cliente

A METROKS, uma empresa letã especializada na venda de azulejos e em serviços de design de interiores, operava um website desatualizado que já não refletia o crescimento do negócio.

A empresa tinha investido num design visual criado por designers externos, mas precisava de uma equipa fiável para o implementar. Procurando uma solução que preservasse esse investimento e garantisse uma entrega rápida, estabeleceu uma parceria com a 2410.

As principais prioridades eram respeitar o design original, entregar rapidamente uma plataforma totalmente funcional e integrar de forma perfeita os sistemas existentes. A colaboração resultou numa plataforma moderna que apoia os objetivos do negócio e simplifica as operações.

Visão geral do projeto

A 2410 desenvolveu um website institucional totalmente personalizado e responsivo para a METROKS, distribuidora letã de azulejos, com base nos layouts PSD fornecidos pelos designers externos do cliente. O projeto incluiu um sistema backend personalizado, permitindo gerir conteúdos e interações dos utilizadores, assegurando simultaneamente a correspondência total com a identidade visual original.

Desenvolvido com uma abordagem mobile-first e tendo o SEO em consideração, o site suporta três idiomas - letão, inglês e russo - e oferece uma experiência fluida em todos os dispositivos. A 2410 aplicou uma abordagem de desenvolvimento HTML/CSS pixel-perfect, garantindo que o frontend reproduzia fielmente os designs aprovados.

Um dos maiores desafios foi integrar o sistema ERP Visma Horizon. Foi estabelecida uma sincronização de dados em tempo real, permitindo atualizar automaticamente os produtos, a disponibilidade e os preços, sem introdução manual. Esta integração simplificou a gestão do inventário e melhorou a eficiência operacional.

Além de um catálogo, o site inclui filtragem dinâmica de produtos, recomendações personalizadas, landing pages para campanhas segmentadas e funcionalidades como favoritos e formulários de encomenda. Cada elemento foi desenvolvido tendo em conta o desempenho e a escalabilidade, criando uma experiência fluida para utilizadores e administradores.

O projeto foi implementado e lançado num prazo apertado de dois meses, com flexibilidade integrada no processo para acomodar alterações nos designs e nos requisitos dos sistemas.

A colaboração foi produtiva e detalhada, com entregas iterativas baseadas nos designs e na lógica de negócio fornecidos. A 2410 demonstrou flexibilidade perante atrasos no envio de informações e trabalhou em estreita colaboração com o cliente para integrar sistemas externos complexos. O cliente valorizou a abordagem faseada e continuou a contratar a 2410 para módulos adicionais, como o sistema de stock e os preços personalizados.

- Igors, SIA METROKS

Principais funcionalidades entregues

  • Estrutura de site multilingue (letão, russo e inglês)
  • Catálogo dinâmico de azulejos com filtros e pesquisa
  • Sistemas de favoritos e recomendações
  • Layout responsivo para vários tamanhos de ecrã
  • Painel administrativo para gerir conteúdos e utilizadores
  • Disponibilidade de stock integrada a partir de software externo
  • Notificações por email e gestão de formulários de feedback
  • Exportação para PDF dos artigos visíveis no catálogo

Stack tecnológico

HTML/CSS/JavaScript
Microsoft SQL Server 2017
Visma Horizon REST API
Mailigen API
Custom server with static IP access

O resultado

Conclusão do projeto

Em apenas 2 meses , a 2410 entregou com sucesso um website institucional totalmente funcional e visualmente consistente para a METROKS . O site foi desenvolvido com base no layout PSD do cliente e complementado com funcionalidades backend integradas, proporcionando uma experiência de utilizador verdadeiramente pixel-perfect .

A maior conquista do projeto foi a robusta integração com o sistema ERP Visma Horizon . Graças a ela, todas as alterações aos produtos - como preços, descrições e disponibilidade - são geridas a partir de um único sistema central de armazém e refletidas instantaneamente no website. Sem introdução duplicada. Sem atrasos.

Dica: A sincronização dinâmica de produtos ajudou a reduzir o tempo administrativo e a melhorar a precisão do catálogo.

Principais entregáveis

  • CMS personalizado baseado em WordPress para edição flexível de conteúdos
  • Suporte multilingue: letão, russo e inglês
  • Sincronização de dados em tempo real com o ERP para stock e informações de produtos atualizados
  • Filtros de pesquisa, variações de produtos e navegação intuitiva no catálogo
  • Design moderno e otimizado para dispositivos móveis, baseado nos padrões Pixel Perfect

O frontend é limpo, rápido e altamente otimizado para SEO. Os utilizadores desfrutam de uma experiência de navegação fluida em todos os dispositivos, com funcionalidades como:

  • Filtros de produtos por cor, tamanho, material, preço e muito mais
  • Sistema de favoritos e catálogo interativo
  • Landing pages personalizadas para públicos-alvo como designers e construtores

Antes e depois

Página inicial

Old Home Page
Página inicial antiga
New Home Page
Nova página inicial

Página do catálogo

Old Catalog Page
Página antiga do catálogo
New Catalog Page
Nova página do catálogo

Filtros de pesquisa

Product Search Filter
Filtro de pesquisa de produtos

Landing page

Old Landing Page
Landing page antiga
New Landing Page
Nova landing page

Página de contactos

Old Contact Page
Página antiga de contactos
New Contact Page
Nova página de contactos

Nota: Todos os designs das páginas foram desenvolvidos para cumprir os Core Web Vitals da Google e os padrões modernos de usabilidade, garantindo um desempenho de excelência e visibilidade nas pesquisas.

No final, a METROKS recebeu uma plataforma online moderna, escalável e fácil de gerir, que apoia as operações B2B e B2C e reforça a sua posição no competitivo mercado dos azulejos e revestimentos.

Está a pensar em criar um sistema semelhante?

Estas são algumas das perguntas mais frequentes dos clientes que querem desenvolver um website personalizado com integração backend, como o projeto que entregámos à METROKS. As respostas ajudam a compreender o que está envolvido na criação de uma plataforma multilingue e responsiva, com sincronização ERP e funcionalidades de catálogo de produtos.