Loja da RO
Projeto autoral | Shopify + Liquid + HTML, CSS, JavaScript e JSON
- Plataforma
- Shopify
- Período
- set. a dez. de 2023
- Stack
- Shopify
- HTML
- CSS
- JavaScript
- JSON
- Photoshop
- Illustrator
Visão geral
A Loja da RO nasceu como um projeto pessoal com um significado especial: criar uma loja virtual como homenagem à minha mãe. Mais do que um exercício técnico, foi um projeto pensado para traduzir afeto em identidade visual, construindo uma experiência digital com presença, delicadeza e intenção.
Contexto e objetivo
Em março de 2023, iniciei o desenvolvimento utilizando a Shopify, com o objetivo de ir além do que temas gratuitos normalmente permitem. Durante três meses, aprofundei meu domínio do Liquid e da estrutura do ecossistema Shopify, estudando a documentação e aplicando HTML, CSS, JavaScript e JSON para evoluir o tema e personalizar a experiência com mais liberdade.
O desafio
O principal desafio foi ultrapassar as limitações dos temas gratuitos sem perder consistência e qualidade visual. Era necessário redesenhar a interface para um público feminino, manter a navegação intuitiva e, ao mesmo tempo, criar componentes personalizados que elevassem a experiência do usuário e reforçassem a identidade da marca com um acabamento profissional.
A estratégia
A estratégia foi partir de um tema padrão da Shopify e reconstruir a experiência através de um redesign completo, criando um sistema visual delicado e moderno. A paleta em tons rosados, as bordas arredondadas e os elementos suaves foram pensados para fortalecer a conexão emocional com a proposta, enquanto ajustes estruturais garantiram clareza, usabilidade e ritmo visual ao longo da navegação.
O que foi implementado
Redesign visual e identidade:
- Interface redesenhada: aplicação de cantos arredondados, elementos suaves e uma composição mais leve, reforçando uma estética feminina e acolhedora.
- Paleta rosada: escolha e padronização de cores para fortalecer presença de marca e criar consistência em todas as páginas.
- Detalhes autorais: uso de vetores e escolhas visuais pensadas para representar características únicas da minha mãe dentro do universo da loja.
Customização técnica na Shopify:
- Liquid como base de personalização: estudo e aplicação prática para adaptar seções, componentes e comportamento do tema.
- HTML e CSS: ajustes estruturais e refinamento visual para elevar acabamento e consistência de layout.
- JavaScript e JSON: implementação de comportamentos e configurações para aumentar flexibilidade, melhorar experiência e superar limitações do tema base.
Componentes e experiência do usuário:
- Formulários personalizados: desenvolvimento de contato com estrutura e estilo próprios, garantindo melhor usabilidade.
- Rodapé sob medida: criação de um footer personalizado para organizar informações e melhorar a navegação final da jornada.
- Consistência de UX: atenção ao fluxo de páginas e ao ritmo visual para manter a experiência fluida e intuitiva.
Resultado
O resultado final superou minhas expectativas pessoais e marcou oficialmente o início da minha carreira como desenvolvedor front-end. Além da entrega visual, o projeto consolidou domínio prático de Shopify e Liquid, capacidade de redesign e personalização de tema, e execução técnica com HTML, CSS, JavaScript e JSON, tudo com uma proposta autoral e carregada de significado.







