Falar sobre um projeto
Início
  • Captura de Loja da RO, imagem 1 de 8
  • Captura de Loja da RO, imagem 2 de 8
  • Captura de Loja da RO, imagem 3 de 8
  • Captura de Loja da RO, imagem 4 de 8
  • Captura de Loja da RO, imagem 5 de 8
  • Captura de Loja da RO, imagem 6 de 8
  • Captura de Loja da RO, imagem 7 de 8
  • Captura de Loja da RO, imagem 8 de 8

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.