REDESIGN E MIGRAÇÃO PARA AWS - WEBSITE DA FRANQUIA DIA


Imagem sobre portfolio

Sobre

O DIA Supermercados faz parte do DIA Group, com sede na Espanha. O Grupo inaugurou o primeiro mercado no Brasil em 2001, formando a primeira e única franquia de supermercados no país. Também é precursora nas ofertas de produtos de marca própria. O DIA conta, hoje, com mais de 1.100 lojas em 3 estados e mais de 155 milhões de clientes, sendo a #1 em preço baixo. Possui 160 mil m² de plataforma logística, com sete Centros de Distribuição espalhados nos três estados de atuação.

O Desafio

Reestruturar o layout do site Franquia DIA para um modelo responsivo, clean e combinando com o site do DIA. Refazer toda a parte de front-end, back-end, banco de dados, de forma que os usuários possam acessar o conteúdo de maneira rápida e eficiente.

Por quê escolher a Amazon Web Services

Para garantir uma estabilidade aos clientes/usuários do site do Franquia DIA, todo o conteúdo agora é servido através de serviços gerenciadas da AWS. Permitindo que a aplicação tenha um baixo custo de hospedagem e aumentando a disponibilidade, elasticidade e performance de navegação.

E também, foram utilizados outros serviços AWS, tais como:

  • Amazon CloudFront: Para promover uma experiência de melhor performance para os usuários, por meio do armazenamento em cache, reduzindo o tempo de carga de conteúdos estáticos ou dinâmicos.

  • Simple Storage Service (S3): Serviço de armazenamento infinito de objetos estáticos, utilizado para armazenar e servir através do CloudFront, conteúdos como HTML, CSS, JavaScript, Imagens e Documentos para o Website.

  • Amazon Cognito: Serviço de autenticação da AWS, para gerenciar o controle de acesso de usuários no Website.

  • Amazon API Gateway: Serviço gerenciado que administra as chamadas de API’s, através de requisições Rest/RestFull, ela atua como um endpoint seguro para fazer essas chamadas e retornar as respostas exibidas pela aplicação Web.

  • AWS Lambda: Através do uso de Lambda é possivel executar automaticamente códigos sem precisar que você provisione ou gerencie servidores. Basta escrever as funções que o código precisa executar e fazer upload para o Lambda.

  • Amazon Dynamo DB: O Amazon DynamoDB é um banco de dados NoSQL para armazenar conteúdos de maneira elástica, de acordo com o tráfego do Website.
    ddede

Arquitetura AWS

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

Arquitetura Spani-e-Villarreal

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;

  • Maior velocidade de entrega de atualizações;

  • Melhor posicionamento nos mecanismos de busca;

  • Responsividade para os usuários, podendo acessar a página por meio de um smartphone;

Apresentação do Redesign de Layout da página

Com base nas informações do site, reestruturamos o layout para se adequar a todos os dispositivos desde desktop, tablets e smartphones.

Funcionalidades

  • Melhor tempo de carga do site como um todo;

  • Maior velocidade de entrega de atualizações;

  • Melhor posicionamento nos mecanismos de busca;

Novo Layout

portfolio-franquiadia-3 1

Layout da home nas versões desktop e mobile.

portfolio-franquiadia-1 2

Layout das páginas na versão mobile.

Tags

#migracaoaws #aws #cloudfront #elastic-beanstalk #cloudformation #rds #ec2 #load-balancer #auto-scaling #migração #layout #design #website #redesigndesite
Portfólio

Outros trabalhos

Confira os últimos trabalhos no nosso portfolio.

fale conosco

Queremos realizar os projetos da sua empresa!

Fale conosco e saiba como poderemos ajudar a sua empresa a reduzir custos na nuvem AWS

+ 55 11 4699-0011contato@clouddog.com.br