PROJETO

Website corporativo para METROKS com catálogo de produtos dinâmico, painel de administração e integração com banco de dados externo

Implementação de design de site, Desenvolvimento frontend (site responsivo e multilíngue), Desenvolvimento de backend com painel de administração, Integração REST API com Visma Horizon, Catálogo dinâmico e sistema de filtragem, Funcionalidade de exportação em PDF, Sistema de favoritos e recomendações, Exibição e sincronização de estoque

  • Indústria: 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

Site desatualizado e sistema de produtos desconexo

Solução

Site responsivo com integração ERP e CMS personalizado

Resultado

Lançada uma plataforma moderna e multilíngue em 2 meses

História do cliente

METROKS, uma empresa letã especializada em venda de azulejos e serviços de design de interiores, estava operando um site desatualizado que não refletia mais seu negócio em crescimento.

Eles tinham investido em um design visual de designers terceiros, mas precisavam de uma equipe confiável para trazê-lo à vida. Buscando uma solução que preservasse seu investimento e garantisse uma entrega rápida, eles se associaram à 2410.

As prioridades principais eram seguir de perto o design original, entregar uma plataforma totalmente funcional rapidamente e integrá-la perfeitamente aos sistemas existentes. A colaboração resultou em uma plataforma moderna que apoia os objetivos de seu negócio e simplifica operações.

Visão geral do projeto

A 2410 desenvolveu um site corporativo totalmente personalizado e responsivo para METROKS, um distribuidor de azulejos da Letônia, baseado em layouts PSD fornecidos pelos designers externos do cliente. O projeto incluiu um sistema de backend adaptado, permitindo gerenciamento de conteúdo e engajamento do usuário, enquanto garantia pleno alinhamento com a identidade visual original.

Construído com uma abordagem mobile-first e otimizado para SEO, o site suporta três idiomas - letão, inglês e russo - e oferece uma experiência de usuário fluida em todos os dispositivos. A 2410 seguiu uma abordagem de codificação HTML/CSS pixel-perfect, garantindo que o frontend espelhe precisamente os designs aprovados.

Um grande desafio foi integrar o sistema ERP Visma Horizon. Sincronização de dados em tempo real foi estabelecida, permitindo atualizações automáticas nas listas de produtos, disponibilidade e preços sem entrada manual. Esta integração proporcionou uma gestão de inventário simplificada e melhor eficiência operacional.

Além de um catálogo, o site inclui filtros de produto dinâmicos, recomendações personalizadas, páginas de destino para campanhas direcionadas, e recursos como favoritos e formulários de pedido. Cada elemento foi construído considerando performance e escalabilidade, criando uma experiência suave tanto para usuários quanto para administradores.

O projeto foi implementado e lançado em um prazo apertado de dois meses, com flexibilidade incorporada ao processo para acomodar entradas de design e sistema em evolução.

A colaboração foi produtiva e detalhada, com entregas iterativas baseadas em designs e lógica de negócios fornecidos. A 2410 mostrou flexibilidade ao lidar com atrasos de entradas e trabalhou de perto com o cliente para integrar sistemas externos complexos. O cliente apreciou a abordagem passo a passo e continuou a colaborar com a 2410 em módulos adicionais, como o sistema de estoque e preços personalizados.

- Igors, SIA METROKS

Principais características entregues

  • Estrutura de site multilíngue (letão, russo, inglês)
  • Catálogo dinâmico de azulejos com filtros e pesquisa
  • Sistemas de favoritos e recomendações
  • Layout responsivo para várias dimensões de tela
  • Painel de administração para gerenciar conteúdo e usuários
  • Disponibilidade de estoque integrada a partir de software externo
  • Notificações por e-mail e manuseio de formulário de feedback
  • Exportação em PDF de itens visíveis no catálogo

Tecnologia utilizada

HTML/CSS/JavaScript Microsoft SQL Server 2017 Visma Horizon REST API Mailigen API Servidor personalizado com acesso de IP estático

O resultado

Conclusão do Projeto

Em apenas 2 meses, a 2410 entregou com sucesso um site corporativo totalmente funcional e visualmente consistente para METROKS. O site foi construído usando o layout PSD do cliente e aprimorado com funcionalidades de backend integradas, oferecendo uma experiência de usuário verdadeiramente perfeita em pixels.

A maior conquista do projeto foi a robusta integração com o sistema ERP Visma Horizon. Graças a isso, todas as alterações de produtos — como preços, descrições e disponibilidade — são geridas a partir de um sistema central de armazém e instantaneamente refletidas no site. Sem entradas duplas. 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 Entregas

  • CMS personalizado baseado em WordPress para edição flexível de conteúdo
  • Suporte multilíngue: Letão, Russo e Inglês
  • Sincronização de dados ao vivo com ERP para informações de estoque e produto em tempo real
  • Filtros de pesquisa, variações de produto e navegação amigável no catálogo
  • Design moderno e otimizado para dispositivos móveis baseado em padrões Pixel Perfect

O frontend é limpo, rápido e altamente otimizado para SEO. Os usuários desfrutam de uma experiência de navegação contínua em todos os dispositivos, suportada por funcionalidades como:

  • Filtros de produto baseados em cor, tamanho, material, preço, e mais
  • Sistema de favoritos e catálogo interativo
  • Páginas de destino personalizadas para públicos-alvo como designers e construtores

Antes & Depois

📌 Página Inicial

Página Inicial Antiga

Página Inicial Antiga

Página Inicial Antiga

Nova Página Inicial

Nova Página Inicial

Nova Página Inicial

📌 Página do Catálogo

Página do Catálogo Antiga

Página do Catálogo Antiga

Página do Catálogo Antiga

Nova Página do Catálogo

Nova Página do Catálogo

Nova Página do Catálogo

📌 Filtros de Pesquisa

Filtro de Pesquisa de Produto

Filtro de Pesquisa de Produto

Filtro de Pesquisa de Produto

📌 Página de Destino

Página de Destino Antiga

Página de Destino Antiga

Página de Destino Antiga

Nova Página de Destino

Nova Página de Destino

Nova Página de Destino

📌 Página de Contatos

Página de Contatos Antiga

Página de Contatos Antiga

Página de Contatos Antiga

Nova Página de Contatos

Nova Página de Contatos

Nova Página de Contatos

Nota: Todos os designs das páginas foram desenvolvidos para atender aos padrões Google Core Web Vitals e de usabilidade moderna, garantindo desempenho de primeira linha e visibilidade em buscas.

Por fim, a METROKS recebeu uma plataforma online moderna, escalável e fácil de gerenciar que apoia suas operações B2B e B2C — posicionando-os mais forte no competitivo mercado de azulejos e pisos.

Pensando em construir um sistema semelhante?

Aqui estão algumas das perguntas mais comuns que ouvimos de clientes que desejam desenvolver um site personalizado com integração de backend, como o projeto que entregamos para METROKS. Estas respostas o ajudarão a entender o que está envolvido na criação de uma plataforma multilíngue, responsiva, com sincronização ERP e funcionalidades de catálogo de produtos.