DESARROLLO WEB · DISEÑO

Little Stars

Concepto de tienda en línea de ropa infantil: una interfaz cálida y clara que guía a las familias desde la inspiración hasta el producto.

Tipo
Proyecto personal de práctica
Duración
2 días
Rol
Diseño y desarrollo frontend
Stack
HTML5 · CSS3 · Font Awesome

// 01 · LA MISIÓN

La misión

Little Stars es una tienda ficticia de ropa para niñas, niños y bebés, creada para perfeccionar la maquetación y el diseño de interfaces de comercio electrónico. El sitio tiene dos páginas: un inicio que presenta la colección, las categorías y los motivos para comprar, y una tienda con herramientas de búsqueda y tarjetas de producto. La prioridad fue una experiencia visual amable, ordenada y adaptable a distintos tamaños de pantalla.

// QUÉ SE CONSTRUYÓ

02

Lo que incluye

  • Inicio con hero y llamado a la acción
  • Categorías destacadas: niñas, niños y bebés
  • Sección de beneficios con íconos
  • Tienda con tarjetas de producto, precio y botón de compra
  • Interfaz de filtros por categoría y talla, y buscador

Técnicas aplicadas

  • Retículas con CSS Grid y alineación con Flexbox
  • Componentes reutilizables: tarjetas, botones y navegación
  • Diseño responsive con media queries
  • HTML semántico con textos alternativos en las imágenes

Cómo podría crecer

  • Filtros y búsqueda funcionales con JavaScript
  • Carrito con almacenamiento local
  • Catálogo administrable desde una base de datos
  • Pasarela de pagos

// DECISIONES DE DISEÑO

Una interfaz pensada para las familias

Cada sección responde a una pregunta del comprador: qué hay de nuevo, qué busco, por qué comprar aquí y cómo encuentro lo que necesito.

01

Inspiración inmediata

Un hero con la nueva colección primavera-verano y un llamado a la acción directo a la tienda.

02

Navegación por categorías

Tarjetas visuales para niñas, niños y bebés que permiten llegar al producto adecuado en un clic.

03

Argumentos de confianza

Una sección "¿Por qué elegirnos?" que destaca calidad, envío rápido y devolución gratuita, tres factores clave en la decisión de compra.

04

Búsqueda guiada

Selectores de categoría y talla por edad, y un buscador, para acortar el camino hasta el producto.

MISIÓN CUMPLIDA

Resultados e impacto

¿Tu tienda necesita una vitrina que invite a comprar?

Diseño sitios atractivos, claros y adaptables a cualquier pantalla, pensados para convertir visitas en ventas.