Um possivel site de tatuagens, onde mostra uma breve descrição do tatuador, alguns diferenciais para influenciar o cliente a realizar os serviços com o tatuador, e algumas fotos de trabalhos, contem tambem um footer focado em "Entrar em contato" influenciando o cliente a entrar em contato para realizar um orçamento.
Ferramentas:
- Wireframe - Figma
- Design System - Figma
- Design Final - Figma
- Implementação - Next.js / Styled components
- Deploy - Vercel
Primeiro esboçei a ideia (Wireframe) no Figma, criando dois tipos de Landing page.
Após escolher a melhor variação, eu parti para o Design system, que foi simples mas consegui entender a importancia dele na próxima etapa.
Agora que eu já tinha o esboço e a minha paleta de cores junto com a tipográfia, eu elaborei o conteudo, e adicionando algumas imagens que eu peguei do Unsplash.
Nessa parte eu dei uma importancia maior em organizar as pastas, focando na nomenclatura, usei e abusei do Auto Layout, porem não consegui adicionar Variantes / Animações
Realizei algumas mudanças que achei interessante na hora da implamentação. Aqui ele já está no ar hospeadado pela Vercel
Sinta-se avontade para contribuir com o projeto criando um Fork!!