Website da Drogaleste

Sobre a rede Drogaleste

Há 30 anos, no extremo leste de São Paulo nasceu a primeira farmácia da Drogaleste. Atualmente, é considerada uma das melhores redes de drogarias não só da zona leste de São Paulo, mas também com lojas na zona norte, Guarulhos, Santo André e Itaquaquecetuba. São lojas modernas, com atendimento personalizado, grande variedade de produtos e entregas rápidas, como nas farmácias de bairro. E tudo sempre com o melhor preço possível.

O Desafio

O site da Drogaleste foi reformulado, agora mais moderno e responsivo. A usabilidade deste site foi pensada e dedicada para o seu público que mais necessita de remédios constantes que são os idosos. O layout mobile possui botões de acesso rápido para lojas, lista de convênios, taboide digital de ofertas e disk entrega.

Por que escolher a Amazon Web Services?

Nessa época, a CloudDog já tinha contrato com a Drogaleste e, ao identificar esse problema crônico, propôs a migração para a Amazon Web Services (AWS), que inicialmente fora faseada em quatro etapas:

1. Migração do site AS-IS, utilizando máquinas Amazon Elastic Compute Cloud (Amazon EC2) com CDN Amazon CloudFront, para minimização de demanda de tráfego dos assets como documentos PDF e imagens;

2. A aplicação originalmente armazenava os assets carregados semanalmente na própria instância do Amazon EC2. Esse método foi aprimorado para carregar todos os assets em um bucket do Amazon Simple Storage Service (Amazon S3), tornando as máquinas Amazon EC2 100% substituíveis, possibilitando a utilização do recurso de Auto Scaling.

3. Foi criado o stack da solução utilizando o AWS CloudFormation, com templates Amazon EC2, contemplando desde o banco de dados em AWS RDS MySQL, Load Balancer, Auto Scaling, Templates de EC2, Amazon CloudFront e Web Application Firewall (WAF).

4. Na sequência, foi criado um pipeline de entrega contínua, onde o processo, desde o commit até o deploy nos ambientes de desenvolvimento, homologação, e produção, foi automatizado utilizando a estratégia blue/green de rolling updates do próprio AWS CloudFormation.

Todos estes passos foram realizados em duas semanas, contando com o tempo de ajuste na aplicação.

Arquitetura AWS

No diagrama abaixo é possível conferir o desenho macro da arquitetura após a implementação dos ajustes:

Os benefícios

Após a migração, os problemas de variação de performance foram plenamente resolvidos. Notou-se um aumento de mais de 100% na quantidade de visualizações semanais, e as reclamações referentes ao acesso foram zeradas na central de atendimento. Além disso, foram obtidos mais benefícios como:

• Melhor tempo de carga do site como um todo;

• Performance passou a se manter estável, independentemente da quantidade de usuários simultâneos;

• Maior velocidade de entrega de atualizações, quando chegamos a fazer mais de 20 deployments em produção no mesmo dia;

• Melhor posicionamento nos mecanismos de busca;

• Melhor otimização de orçamento em campanhas digitais, onde o custo por clique é inversamente proporcional à performance;

• Disponibilidade de 100% em 2 anos de operação da página.

Layout

Home - Desktop

O site da Drogaleste foi pensado cuidadosamente em um layout acessível para todos os públicos e principalmente para os idosos. Na home, o site apresenta banners promocionais em destaques, localizador de lojas, links rápidos para delivery e tabloide de ofertas com base na localização do usuário.

Home - Mobile

Pensado especialmente para os idosos (público em que a grande maioria tem dificuldades visuais e motoras). Na Home contém links com acessos rápidos para busca de lojas, delivery, ofertas e informações sobre o convênio. Todos botões/links se apresentam em tamanhos grandes e coloridos para facilitar a navegação desses usuários.

Geolocalizador de Lojas - Desktop e Mobile

Geolocalizador de lojas, permite ao usuário buscar a farmácia mais próxima. Para realizar a busca basta informar o bairro, a cidade, o CEP ou usar a opção localização atual. Ao selecionar na lista de resultados a loja desejada, o mapa exibe todas as informações da loja como endereço, serviços, como chegar via Google Maps e Waze, página da loja e disk entrega (contato via WhatsApp).

Tabloide Digital: Desktop - Mobile

Tabloide digital de ofertas da Drogaleste. Totalmente personalizado, responsivo, com ofertas categorizadas e opção para o usuário favoritar as promoções que mais lhe agradaram.

Página institucional - Convênio Empresarial

Página sobre Convênio Empresarial e Parcerias, com texto informativo, logos das empresas parceiras e formulário para se tornar um quem deseja se tornar um conveniado.