CMS exclusivo desenvolvido para o iFood: mais agilidade e autonomia na gestão de conteúdo*

Ter um olhar centrado nas pessoas cria soluções que impactam de forma ampla em todos os que participam do processo. Foi pensando de forma sistêmica que passamos a etapa seguinte da nossa parceria com o iFood. Após criar uma plataforma de comunicação, onde o foco era dar destaque as comunidades das quais a foodtech é composta, passamos a projetar um sistema de gestão de conteúdos (CMS) que atenda às necessidades de praticidade e agilidade exigidas por um site institucional.

CMS é um sistema que permite a criação e organização de conteúdos de um site. O desafio apresentado pelo iFood a Trinca foi criar um CMS que entregasse autonomia, praticidade e a mesma experiência encontrada na plataforma de comunicação. Para escolher a solução adequada passamos por uma etapa de pesquisa e desenvolvimento.

O processo de pesquisa e desenvolvimento do sistema

Para o processo de escolha das tecnologias e arquitetura do software, seguimos alguns critérios chave para a qualidade. Como em todos os projetos desenvolvidos pela Trinca, seguimos os padrões internacionais de usabilidade propostos pela ISO e pesquisadores da área. Entre eles, nossas principais preocupações foram mapeadas abaixo:

iFood CMS: Requisitos não funcionais

1. Aprendizagem: o sistema deve ser de fácil aprendizado para que o usuário possa começar a utilizá-lo rapidamente.
2. Eficiência: o sistema deve ser eficiente. Uma vez que o usuário aprenda a utilizá-lo o faça com alta produtividade.
3. Memorização: o sistema deve ser de fácil lembrança, ou seja, ao passar um determinado período sem utilizar o usuário não tem necessidade receber um treinamento para usar novamente.
4. Erros: a taxa de erros deve ser baixa. Erros de extrema gravidade não devem ocorrer. Ao cometer algum erro, o usuário deve ter a possibilidade de recuperar o sistema para o estado imediatamente anterior ao erro.
5. Satisfação: os usuários devem gostar do sistema. A utilização deve ser agradável para que as pessoas se sintam satisfeitas com o seu uso.

Fonte: ISO/IEC 9126–1

Além disso, nosso time de desenvolvimento desempenhou uma série de estudos rigorosos para responder a seguinte dúvida: deveríamos customizar uma plataforma pronta ou desenvolver uma solução própria?

Para responder a essa pergunta, foi necessário olhar para o mercado e entender quais ferramentas estavam disponíveis, hoje, para edição de conteúdo. Neste processo, nosso time de tecnologia identificou que as soluções disponíveis atendiam apenas parcialmente os requisitos do projeto.

Com base nesses estudos e experimentos, concluímos que seria necessário criar uma ferramenta própria de edição de conteúdo. Ela precisaria atender as necessidades da plataforma de comunicação como: edição em tempo real dos conteúdos, usabilidade, performance e compatibilidade com o ecossistema tecnológico do iFood.

Em busca de respostas, conduzimos um mapeamento do ecossistema de soluções clássicas e modernas para CMS. A partir dele, o time identificou três grandes paradigmas de edição de conteúdo:

• O paradigma clássico de CMS: onde encontramos ferramentas como Wordpress, Drupal e Joomla. Neste paradigma, o website em questão conta com uma plataforma acoplada de conteúdo, com diversos menus administrativos e um backend integrado para o gerenciamento de dados.
• O paradigma de headless CMS: onde a plataforma de edição é mais enxuta e é hospedada de forma independente do site, sendo tratada como uma área externa. Nesse caso podemos citar serviços como Contentful e Strapi.
• O paradigma Tina CMS: onde o próprio website conta com os campos de edição de conteúdo, fazendo com que a experiência ocorra em tempo real e os dados sejam renderizados na aplicação ao mesmo tempo que são editados.

Foi neste terceiro paradigma, proposto em 2019 por engenheiros de software que buscavam uma experiência mais fluída para editores e editoras, que a Trinca encontrou a solução para os requisitos da ferramenta. Nela, o website e seu CMS convivem lado a lado, proporcionando uma experiência ágil e em tempo real tanto para a equipe de desenvolvimento quanto de edição.

A partir da decisão de desenvolver um CMS exclusivo para o site institucional do iFood, os desenvolvedores da nossa área de produto utilizaram repositórios de código baseado em software livre. Foram necessárias adaptações e melhorias que transformassem o sistema em algo feito para atender a demanda.

Nesse ciclo, também foram realizadas diversas rodadas de Prova de Conceito (POC), um processo fundamental para garantir a viabilidade técnica da arquitetura proposta . É importante ressaltar que todas as melhorias desenvolvidas dentro da Trinca retornaram à comunidade de software livre, contribuindo para todo ecossistema.

Um CMS ágil e conectado com as necessidades da plataforma

O resultado do trabalho da área de desenvolvimento foi uma ferramenta onde é possível fazer a edição diretamente no site, sem a necessidade de uma plataforma administrativa externa. Isso permite muito mais agilidade, pois no momento da edição já é possível ver automaticamente um preview do resultado final.

O cuidado com o design e personalização são o diferencial do CMS criado pela Trinca para o iFood. O sistema dá a possibilidade da utilização de componentes de design exclusivos, diferentes de plataformas comerciais, onde existe uma limitação ao que é fornecido pelo provedor. Com a edição feita diretamente na página é possível eliminar possíveis quebras de layout.

“Partimos de uma base e desenvolvemos algo único que não está disponível no mercado atualmente”, Leonardo Quevedo, um dos engenheiros de software que participou do projeto juntamente com Diego Batista, Alisson Silva e Pedro Sousa.

Criar produtos únicos, que estejam conectados com os objetivos de negócio do cliente e mantenham vivos os diferentes ecossistemas é o nosso maior objetivo.

* texto escrito em parceria com Leonardo Quevedo, desenvolvedor full stack da Trinca