Contato
Redesign da Plataforma E-Commerce Magento Enterprise Edition (Fleurance Nature)

Redesign da Plataforma E-Commerce Magento Enterprise Edition (Fleurance Nature)

Redesign completo do fleurancenature.fr em Magento Enterprise Edition - arquitetura multi-site com 60 modulos customizados em 3 sites.

Julho 2017 - Setembro 2017
3 meses
Senior Software Engineer - Full-Stack
PHP 5.3Magento EE 1.10ElasticSearchZend FrameworkMySQLVarnishApacheWordPressSolrLXCGit

Modulos customizados

60+

Modulos Magento customizados

Arquivos PHP

1040

Modificados ou criados

Sites

3

FR, Internacional, Mincifine

Ambientes

8

Do local a producao

Apresentacao

Escopo do projeto e contexto de negocio

Fleurance Nature e uma empresa francesa fundada em 1972, especializada em produtos naturais e organicos (saude, beleza, suplementos alimentares). A empresa vendia pelo site fleurancenature.fr, rodando em Magento Enterprise Edition 1.10.

O projeto foi um redesign completo da plataforma de e-commerce, realizado na Smile (agencia Open Source Solutions). O escopo cobria 3 sites (Fleurance Nature Franca, Internacional, Mincifine) e uma reformulacao dos fluxos de dados ERP.

O codigo existente era fortemente customizado com 60 modulos Magento, 1040 arquivos PHP e regras de precificacao complexas envolvendo 4 grupos de clientes em 3 lojas. O modelo B2C visava consumidores que buscavam produtos naturais de saude e beleza.

Uma parte significativa do trabalho envolveu a arquitetura de banco de dados EAV (Entity-Attribute-Value) do Magento - um design de schema onde os atributos dos produtos eram armazenados como linhas em tabelas separadas em vez de colunas em uma unica tabela. Essa abordagem oferecia flexibilidade maxima para adicionar atributos customizados de produtos (como "ativos naturais", "peso min/max", "identificadores de categorias virtuais") sem alterar o schema do banco. A contrapartida era a complexidade das consultas: uma simples leitura de produto pode exigir JOINs em 6+ tabelas (uma por tipo de atributo: varchar, int, decimal, text, datetime, e a tabela principal da entidade).

O sistema de configuracao e sobrecarga de classes por XML do Magento permitia que os 60 modulos custom sobrescrevessem o comportamento nativo (modelos, blocos, controladores, helpers) sem modificar uma unica linha do codigo fonte, via declaracoes XML mescladas na inicializacao.

Dominio

E-commerce B2C - produtos naturais e organicos (saude, beleza, suplementos alimentares)

Usuarios-alvo

Consumidores finais (Franca e internacional) comprando produtos naturais online. Usuarios de back-office gerenciando catalogo, pedidos e promocoes.

Escopo funcional
  • Busca autocomplete e navegacao facetada com ElasticSearch
  • Redesign responsivo mobile e loja internacional com precificacao localizada
  • Regras de precificacao complexas (4 grupos de clientes x 3 sites)
  • Fluxos de dados ERP bidirecionais
Modulos customizados por dominio funcional
Fleurance Nature - Multi-site Magento EE architecture with Varnish, ElasticSearch, ERP and CRM integrations

Objetivos, Contexto & Pontos de atencao

Metas estrategicas e restricoes

Objetivos
  • Redesenhar o front-end e o back-office dos 3 sites Magento com um tema responsivo moderno
  • Migrar o motor de busca de Solr para ElasticSearch com autocomplete e navegacao facetada
  • Integrar o blog WordPress ao Magento via sincronizacao de feed RSS
  • Reformular os fluxos de dados ERP para sincronizacao de catalogo, estoque e pedidos
  • Implementar a integracao da plataforma de marketing (tracking, emailing, analytics)
Contexto

A plataforma rodava em Magento Enterprise Edition 1.10, o estado da arte do e-commerce enterprise no inicio do projeto. O codigo havia acumulado 60 modulos customizados ao longo dos anos, reflexo natural de uma plataforma mantida ativamente em producao.

A precificacao era particularmente complexa: 4 grupos de clientes (anonimos, geral, assinantes fieis, comites de empresa) tinham catalogos de precos diferentes em 3 sites. Isso formava uma matriz de 12 combinacoes de precos, cada uma com suas proprias regras e promocoes.

As especificacoes passaram por 7 versoes em 2 meses (da v1.0 com 30 paginas ate a v1.6 com 50 paginas), refletindo a descoberta progressiva de casos limites e regras de negocio encapsuladas no codigo existente.

Technology Distribution
Pontos de atencao identificados

Compatibilidade retroativa

60 modulos customizados acumulados: cada mudanca exigia testes de regressao nos 3 sites.

Limites de performance

Site de producao live: nenhuma degradacao de performance tolerada, cache Varnish operacional durante todo o processo.

Integracao do blog WordPress via RSS

Parsing de feed RSS, coerente com as praticas 2008-2014 antes que APIs REST e CMS headless se tornassem o padrao. 512 artigos a migrar sem perda.

Volumetria dos fluxos ERP

Sincronizacao completa do catalogo: qualquer erro podia corromper produtos, precos ou estoque nas 3 lojas.

Fases de implementacao

Divisao cronologica ao longo de 13 meses

Distribuicao de esforco por fase (dias)
Phase 1
Fase 1 - Fluxos ERP
Janeiro - Julho 2017
  • Engenharia reversa dos fluxos ERP existentes e redesenho da sincronizacao bidirecional (produtos, estoque, pedidos, clientes)
  • Integracao da plataforma de marketing (pixels de tracking, gatilhos de email)
  • Testes automatizados para validacao dos fluxos antes do deploy
Phase 2
Fase 2 - Design grafico & Wireframing
Fevereiro - Junho 2017
  • Wireframes e layouts responsivos (mobile, tablet, desktop) para todas as paginas-chave
  • Validacao iterativa dos mockups visuais com o cliente
  • Especificacoes graficas para 3 temas de sites distintos
Phase 3
Fase 3 - Especificacoes & Desenvolvimento
Julho - Outubro 2017
  • Especificacoes funcionais detalhadas (7 versoes, de 30 a 50 paginas)
  • Migracao do motor de busca Solr para ElasticSearch (autocomplete, facetas, categorias virtuais)
  • Integracao do blog WordPress via RSS e tema front-end responsivo nas 3 lojas
Phase 4
Fase 4 - Testes & Entrega
Setembro 2017 - Janeiro 2018
  • Testes internos na Smile + testes de aceitacao do cliente com assinatura formal de PV
  • Fase de contribuicao: migracao de 512 artigos do blog e dados de produtos
  • Coordenacao do deploy em producao atraves de 8 ambientes
Phase 5
Fase 5 - Garantia
Dezembro 2017 - Marco 2018
  • Suporte pos-lancamento durante o periodo de garantia de 58 dias
  • Monitoramento da estabilidade da indexacao ElasticSearch e correcoes de producao
  • Transferencia de documentacao e procedimentos de manutencao para a equipe TMA
Pipeline de deploy

A equipe e as partes interessadas

Organizacao do projeto e interacoes

Equipe Smile

O projeto seguia um fluxo de trabalho estruturado de agencia com portoes de validacao formais. Cada entregavel exigia um documento de aceitacao assinado (PV - proces-verbal) antes de passar para a fase seguinte. Essa abordagem reduzia a ambiguidade, mas adicionava tempo a cada ciclo de iteracao.

A comunicacao acontecia por reunioes semanais de acompanhamento, um sistema compartilhado de tickets e revisoes formais de especificacoes. O cliente tinha um contato dedicado ao projeto (Philippe B.) que centralizava todas as decisoes de negocio.

Equipe Smile

  • Nicolas C. - Gerente de Projeto - Planejamento, relacionamento com cliente, acompanhamento orcamentario
  • Richard B. - Autor de especificacoes - Analise funcional, levantamento de requisitos, redacao de specs
  • José DA COSTA - Desenvolvedor - Desenvolvimento Magento, migracao ElasticSearch, customizacao de modulos

Partes interessadas externas

  • Philippe B. - Contato do projeto no cliente Fleurance Nature
  • Fornecedor de plataforma de marketing (tracking, emailing)
  • Fornecedor ERP - Sincronizacao de catalogo de produtos e pedidos
  • Ideematic - Parceiro externo para integracoes especificas
Processo de validacao

Validacao formal com documentos PV (proces-verbal) em cada fase. Especificacoes revisadas e aprovadas antes do desenvolvimento. Testes de aceitacao do cliente com validacao escrita antes do deploy em producao.

Modulos customizados por dominio funcional

Resultados

Competencias adquiridas e entregaveis

Entregaveis
  • Motor de busca ElasticSearch com autocomplete e navegacao facetada nos 3 sites
  • Redesign responsivo completo do fleurancenature.fr, internacional e Mincifine
  • Fluxos de dados ERP bidirecionais reformulados (produtos, estoque, pedidos, clientes)
  • Integracao da plataforma de marketing (tracking, emailing, analytics)
  • Tema responsivo mobile com suporte a loja internacional
  • Migracao do blog WordPress (512 artigos) integrada ao Magento via RSS
Competencias adquiridas
  • Dominio da arquitetura EAV do Magento (6+ tabelas por atributo, queries otimizadas, atributos custom)
  • Sobrecarga de classes por XML do Magento: rewrites no config.xml sem tocar no core, depuracao de configs mescladas
  • Experiencia pratica com ElasticSearch (indexacao, mapping, queries, autocomplete, facetas)
  • Complexidade de precificacao e-commerce (multi-grupos, multi-sites, regras de catalogo e carrinho)
  • Fluxo de trabalho de agencia (specs formais, assinatura de PV, periodos de garantia)
  • Redacao de especificacoes (7 versoes, 50 paginas de requisitos funcionais)
  • Gestao de deploy multi-ambientes (8 ambientes do local a producao)

O que aconteceu depois

O que ocorreu apos a entrega

O site redesenhado entrou em producao e continuou atendendo os clientes da Fleurance Nature. A migracao para ElasticSearch melhorou a relevancia das buscas e os tempos de resposta do autocomplete em comparacao com a configuracao anterior em Solr.

O Magento 1 atingiu seu fim de vida oficial em junho de 2020. A Adobe (que adquiriu o Magento em 2018) parou de fornecer patches de seguranca - ciclo de vida natural da tecnologia, levando a comunidade Magento 1 a planejar uma migracao para Magento 2 ou uma plataforma alternativa.

Olhar retrospectivo

Analise a luz do contexto da epoca

O que tinha funcionado bem
  • Qualidade das especificacoes - 7 versoes (de 30 a 50 paginas) detectaram a maioria dos casos limites antes do desenvolvimento, reduzindo surpresas nos testes do cliente.
  • Abordagem de compatibilidade retroativa - Preservacao metodica em 60 modulos : producao estavel durante toda a migracao, sem regressao grave para os usuarios finais.
  • Pipeline de deploy estruturado - Pipeline de 8 ambientes com validacao formal - problemas detectados cedo em integracao ou preprod.
Escolhas tecnicas recolocadas em seu contexto
  • Magento 1 em 2017 - O estado da arte comprovado para e-commerce enterprise de alto trafego. Magento 2 ainda trazia riscos de estabilidade - apostar na confiabilidade refletia as restricoes da epoca.
  • Integracao do blog WordPress via RSS - Coerente com as praticas 2008-2014, antes que APIs REST e CMS headless se tornassem padrao. 512 artigos migrados com sucesso.
  • Reproducao fiel da matriz tarifaria - 12 combinacoes reproduzidas em vez de simplificadas : decisao pragmatica para preservar a continuidade do negocio durante a reformulacao.
Licoes duradouras
  • Especificacoes bem escritas reduziram surpresas durante o desenvolvimento - o processo em 7 versoes provou seu valor.
  • A compatibilidade retroativa multiplicou a complexidade de forma exponencial - a cobertura de testes cresceu de forma quadratica.
  • A precificacao e-commerce era mais complexa do que o briefing inicial sugeria - regras escondidas emergiam durante a implementacao.

Trajetória relacionada

Experiência profissional ligada a esta realização

Competências aplicadas

Competências técnicas e humanas aplicadas

Galeria de imagens

Capturas e visuais do projeto

Pagina inicial Fleurance Nature apos o redesign do e-commerce
Pagina inicial - front-end responsivo redesenhado
Gerenciador de tickets Redmine com as tarefas do projeto Fleurance Nature
Redmine - gerenciamento de projeto e rastreamento de tickets
Cabecalho do documento de especificacoes funcionais para o redesign Fleurance Nature
Especificacoes funcionais - 7 versoes, 30 a 50 paginas
Especificacoes ElasticSearch mostrando a arquitetura de filtros e facetas
Especificacoes ElasticSearch - arquitetura de filtros
Pagina de capa do documento de especificacoes ElasticSearch
Especificacoes ElasticSearch - pagina de capa
Grafico de Gantt mostrando o planejamento do projeto Fleurance Nature em 13 meses
Planejamento do projeto - grafico de Gantt em 13 meses

Voce tem uma plataforma Magento para evoluir ?

Realizei diversos projetos Magento, tanto em Enterprise Edition quanto em Community Edition, para grandes contas (Fleurance Nature, Bricorama, GIFI, Cultura): reformulacoes multi-sites, desenvolvimento de modulos custom, arquiteturas EAV avancadas, migracoes do motor de busca ElasticSearch, fluxos ERP bidirecionais e pipelines de deploy multi-ambientes. Vamos conversar sobre seu contexto.

Entrar em contato