Loja da RO
Proyecto personal | Shopify + Liquid + HTML, CSS, JavaScript y JSON
- Plataforma
- Shopify
- Período
- sept. a dic. de 2023
- Stack
- Shopify
- HTML
- CSS
- JavaScript
- JSON
- Photoshop
- Illustrator
Visión general
Loja da RO nació como un proyecto personal con un propósito especial: crear una tienda online como homenaje a mi madre. Más que un ejercicio técnico, fue un proyecto pensado para traducir emoción en identidad visual, construyendo una experiencia digital con presencia, delicadeza e intención.
Contexto y objetivo
En marzo de 2023, inicié el desarrollo en Shopify con el objetivo de ir más allá de lo que normalmente permiten los temas gratuitos. Durante tres meses, profundicé mi dominio de Liquid y la estructura del ecosistema Shopify, estudiando la documentación y aplicando HTML, CSS, JavaScript y JSON para evolucionar el tema y personalizar la experiencia con mayor libertad.
El desafío
El principal desafío fue superar las limitaciones de los temas gratuitos sin perder consistencia ni calidad visual. Era necesario rediseñar la interfaz para un público femenino, mantener una navegación intuitiva y, al mismo tiempo, crear componentes personalizados que elevaran la experiencia del usuario y reforzaran la identidad de marca con un acabado profesional.
La estrategia
La estrategia fue partir de un tema estándar de Shopify y reconstruir la experiencia mediante un rediseño visual completo, creando un sistema visual moderno y delicado. La paleta en tonos rosados, las esquinas redondeadas y los elementos suaves fueron pensados para fortalecer la conexión emocional con la propuesta, mientras que los ajustes estructurales garantizaron claridad, usabilidad y ritmo visual durante la navegación.
Lo que se implementó
Rediseño visual e identidad:
- Interfaz rediseñada: esquinas redondeadas, elementos gráficos suaves y una composición más ligera para reforzar una estética femenina y acogedora.
- Paleta rosada: selección y estandarización de colores para reforzar presencia de marca y mantener consistencia en todas las páginas.
- Detalles personales: vectores y decisiones visuales pensadas para representar características únicas de mi madre dentro del universo de la tienda.
Personalización técnica en Shopify:
- Liquid como base de personalización: estudio y aplicación práctica para adaptar secciones, componentes y comportamiento del tema.
- HTML y CSS: ajustes estructurales y refinamiento visual para elevar el acabado y la consistencia del layout.
- JavaScript y JSON: implementación de comportamientos y configuraciones para aumentar flexibilidad, mejorar la experiencia y superar limitaciones del tema base.
Componentes y experiencia del usuario:
- Formularios personalizados: desarrollo de contacto con estructura y estilo propios para mejorar usabilidad.
- Footer a medida: creación de un pie de página personalizado para organizar información y mejorar la navegación al final del recorrido.
- Consistencia de UX: atención al flujo de páginas y al ritmo visual para mantener una experiencia fluida e intuitiva.
Resultado
El resultado final superó mis expectativas personales y marcó oficialmente el inicio de mi carrera como desarrollador front-end. Además de la entrega visual, el proyecto consolidó dominio práctico de Shopify y Liquid, capacidad de rediseño y personalización de temas, y ejecución técnica con HTML, CSS, JavaScript y JSON, todo con una propuesta personal y llena de significado.







