E-commerce

Papelletos

Tienda online de papelería personalizada, con UI/UX y desarrollo en la plataforma Tray

Mi rol: Diseñador UX/UI · Desarrollador Web

Contexto

Papelletos es una papelería personalizada de agendas, cuadernos, devocionales y planners. Trabajé como freelance entre 2021 y 2022: hice el UI/UX y el desarrollo de la tienda online en la plataforma Tray, con un tema personalizado en HTML y CSS, y creé las portadas de las colecciones de planners vendidas en la tienda.

Cliente

Papelletos

Categoría

E-commerce

Roles

Diseñador UX/UI, Desarrollador Web

Tecnología

Tray, HTML, CSS

Desafío

Quien compra papelería personalizada compra por el encanto, pero solo cierra el pedido si confía en la tienda. El desafío era tener una vitrina liviana y delicada, en el tono de la marca, y a la vez responder de entrada las dudas de quien compra por primera vez: entrega, cuotas, garantía y atención.

La tienda, sección por sección

Del banner de la marca al pie de página, el camino de quien llega, elige y compra.

01 / 04
El encabezado
Búsqueda, cuenta, pedidos y carrito en el encabezado, las categorías (agendas, cuadernos, devocionales, planners, planner de escritorio y "Locos por los Gatos") con íconos en el menú verde y el banner con el lettering de la marca y la frase "Gente que ama la papelería". Justo debajo, cuatro sellos responden a las dudas de la primera compra: entrega segura, cuotas, garantía y atención por WhatsApp.
02 / 04
Movimientos
Vitrina en grilla de cuatro columnas con fondo blanco, para que se destaquen las portadas coloridas: foto del producto, nombre, valoración, precio con las cuotas sin interés justo debajo y el botón verde "Comprar" en todas las tarjetas.
03 / 04
Destacados
Una segunda vitrina con los destacados de la tienda (planners financieros, devocionales y de estudio), con el mismo patrón de tarjeta, para que quien hace scroll siga encontrando productos sin abrir una categoría.
04 / 04
Promociones, newsletter y pie de página
Una franja negra de ofertas relámpago para generar urgencia, el acceso a las opiniones de clientes, la newsletter en verde agua y el pie de página con Instagram, redes, contactos, seguimiento de pedidos, páginas institucionales y sello de tienda protegida.

Colecciones de planners

También creé las portadas de las colecciones vendidas en la tienda, con lettering a mano y tonos pastel que combinan entre sí: cada frase tiene versiones en lima, rosa, lila, verde agua y con formas.

Colección "Mi tiempo con Dios", versión con formas

"Quien siembra fe cosecha milagros", lima

"Florece inquebrantable", versión con formas

"Quien siembra fe cosecha milagros", versión con formas

Sistema Visual

Verde agua y beige con lettering a mano: la tienda tiene cara de papelería artesanal, y los productos en tonos pastel se destacan sobre el fondo claro.

Paleta

Verde Papelletos

#4BA19A

Encabezado, menú, botones y pie de página

Verde Agua

#D9F2EB

Fondo de los sellos y de la newsletter

Beige Papel

#EBDFD0

Fondo del banner

Negro

#111111

Lettering de la marca y franja de promociones

Blanco

#FFFFFF

Vitrina y tarjetas de producto

Aprendizaje

En una tienda pequeña, la confianza vende tanto como el producto. Poner entrega, cuotas, garantía y WhatsApp justo debajo del banner responde a las dudas antes de que se conviertan en abandono, y crear los propios productos con la misma identidad deja toda la tienda coherente.

Más proyectos

Otros proyectos para conocer.

Ver todos los proyectos

E-commerce · Python

CommerceIQ

Plataforma de inteligencia para e-commerce en Python: pedidos de todos los canales, stock por almacén, riesgo de quiebre, margen real y previsión de demanda

Ver proyecto