Site da Barbearia RM.

Barbearia RM

Site estático responsivo de uma barbearia especializada em tranças e corte afro. Projeto desenvolvido desde o wireframe ao front-end. O objetivo é colocar em prática os conceitos e ferramentas aprendidos até o momento:

• Design Web
• Usabilidade
• Acessibilidade
• Performance
• HTML, CSS e Javascript
• Responsividade
• Sass
• Webpack

Você pode acessar aqui e testar em diferentes telas.

🗓️ Evolução

Dia 1

• Criação e prototipagem do layout
• Adobe XD, Photoshop e Illustrator

Dia 2

• Iniciando a base do site
• Reset CSS
• Mixins e variáveis do Sass
• Bloco: Header (com menu hambúrguer no mobile)

Dia 3

• Blocos: Banner, Estilos e Sobre mim
• Fix do menu hambúrguer (não desaparecia quando clicado)

Dia 4

• Blocos: Valores, Fotos, Contato e Footer

Dia 5

• Sessão fotos sendo alimentada pelo Instagram
• Skeleton nos blocos das fotos enquanto as fotos não carregam
• Botão "Ver mais fotos" carrega mais 4 fotos e depois disso direciona para o Instagram

Dia 6

• Galeria de fotos tela cheia estilo Carrossel Infinito
• Fallback na sessão de fotos e na galeria para navegadores sem Javascript