5

#meuPrimeiroProjeto Clone do Netflix - Mobile First

#HTML #CSS
Paula
Paula

Olá!


Aqui vou deixar uma dica que aprendi logo no começo dos meus estudos e utilizei no #meuPrimeiroProjeto, que foi o conceito "mobile first".


Ok Paula, mas o que é "Mobile First"?


Bom, como o próprio nome já da a dica, é um conceito aplicado a projetos web onde o foco da arquitetura e desenvolvimento é voltado primeiramente a dispositivos móveis, para depois fazer adaptações para o desktop e outras plataformas.


E quais as vantagens?


-> Melhor ranqueamento no Google:

Desde 2018 os formatos de indexação e ranqueamento google seguem o conceito mobile first. Assim, as páginas são classificadas com base em suas versões mobile.


-> Aumento da credibilidade da marca:

Este conceito traz para o cliente uma melhor experiência com o site. Fazendo com que enxergue mais valor agregado na marca, nos produtos e/ou serviços.


-> Priorização de conteúdo;

Telas menores não suportam a mesma quantidade de conteúdo que as telas maiores, principalmente no que tange a questão de organização e design. Sendo assim, deve-se selecionar o conteúdo prioritário a ser mostrado, colaborando com a experiência do usuário;


-> Otimização do carregamento das páginas:

Pegando o link do item anterior: uma vez que há priorização de conteúdo, é possível criar sites mais leves, que carreguem de forma progressiva e funcional.



Bom, pessoal.. espero que tenham gostado e que comecem a aplicar este conceito em suas criações. Vou deixar o link do meu projeto no github aqui para vocês terem um exemplo ou inspiração.


Digital-Innovation-One/Netflix at main · paulabonini/Digital-Innovation-One (github.com)


Valeu, e até a próxima!



1
78

Comentários (1)

1
Manoel Neto

Manoel Neto

13/12/2020 09:17

Achei mega útil ! Parabéns!

Have courage, Be kind & Do your best!

Brasil