Segunda Página

Caso de estudio · UX/UI · 2024

Segunda Página

Una aplicación de compra y venta de libros usados que da una segunda vida a historias que aún tienen mucho por compartir.

UX/UI Designer
4 semanas
iOS · Android
Segunda Página Segunda Página Segunda Página
iPhone gold back

Overview

El proyecto

Cada año, miles de libros permanecen almacenados, olvidados o son desechados a pesar de conservar un gran valor cultural, educativo y emocional. Al mismo tiempo, muchas personas buscan títulos específicos, ediciones difíciles de encontrar o alternativas más accesibles para ampliar sus bibliotecas personales.

Segunda Página nace para facilitar este intercambio mediante una plataforma especializada que simplifica la compra y venta de libros usados, permitiendo a los usuarios descubrir nuevas lecturas, encontrar ediciones específicas y dar una segunda vida a libros que aún tienen mucho por compartir.

Overview — pila de libros
Duration
4 Semanas
Metodology
Design Thinking
My Role
UX UI Designer
Project
Caso de estudio
Product
App mobile
Designer
Ing Ricardo C
01

01 — Problema

¿Por qué los libros
se pierden?

"Tengo libros que ya leí y no sé qué hacer con ellos. Y hay libros que quiero adquirir a bajo costo."

El mercado de libros usados en México está fragmentado: no existe una plataforma confiable, segura y bien diseñada que facilite el intercambio entre lectores. Los compradores no encuentran lo que buscan; los vendedores no tienen cómo llegar a compradores interesados.

La investigación reveló tres fricciones principales en el ciclo de vida del libro: la dificultad para vender libros ya leídos, la falta de una plataforma confiable para comprar y vender libros usados y la ausencia de aplicaciones o sitios digitales donde puedan realizarse estas actividades.

73%

tiene libros acumulados que ya no lee pero no sabe cómo vender

4/5

compraría libros usados si hubiera una plataforma confiable

más libros leería al año si tuviera acceso a libros más económicos

Metodología

PROCESS

Empatizar 1 semana Definir 2 semanas Idear 2 semanas Prototipar 1 semana Testear 1 semana

¿Por qué Design Thinking?

El Design Thinking fue elegido como metodología central por su enfoque profundamente humano: antes de diseñar cualquier pantalla, necesitábamos comprender a fondo a los lectores mexicanos, sus hábitos, frustraciones y deseos reales alrededor de la compra-venta de libros.

A diferencia de metodologías más lineales, el Design Thinking nos permitió iterar rápidamente entre fases, volver a empatizar cuando las pruebas con usuarios revelaban supuestos incorrectos y priorizar soluciones que generaran valor real antes de invertir en desarrollo.

Las cinco fases —Empatizar, Definir, Idear, Prototipar y Testear— se completaron en 7 semanas, con ciclos de retroalimentación constantes que refinaron la solución en cada iteración.

"El mejor diseño no se construye en la pantalla, se construye en la mente y en el corazón del usuario. El Design Thinking nos obliga a empezar ahí."

— Principio rector del proyecto · Segunda Página 2024
5
Fases del proceso
12
Entrevistas a usuarios
3
Rondas de iteración
Segunda Página mockups

Dar vida a los libros

Mockups finales · Segunda Página App

02 — Investigación

Entendiendo
al usuario

Realicé una investigación centrada en el usuario para comprender sus necesidades, hábitos y expectativas al comprar y vender libros de segunda mano dentro de la aplicación. Los hallazgos obtenidos me permitieron identificar oportunidades de mejora y diseñar una experiencia más intuitiva, confiable y alineada con los objetivos de los usuarios.

  • 01

    Entrevistas a usuarios

    12 entrevistas semiestructuradas con compradores y vendedores de libros, identificando motivaciones y fricciones en el proceso de intercambio.

  • 02

    Encuesta cuantitativa

    238 respuestas que validaron patrones de comportamiento, frecuencia de compra y disposición a pagar por libros usados en México.

  • 03

    Análisis de competencia

    Revisión heurística de 3 plataformas de segunda mano identificando gaps de diseño y oportunidades de diferenciación en el nicho literario.

Principales problemas identificados

Falta de plataforma confiable
85%
No saben cómo vender libros
74%
Precios altos en librerías
68%
Miedo a fraudes en línea
61%
Difícil encontrar ediciones
52%

n=238 usuarios · México, 2024

03 — Benchmarks

El panorama
competitivo

Analizamos las plataformas más usadas para venta de artículos de segunda mano y libros, identificando lo que funciona y dónde Segunda Página puede crear valor diferenciado.

Gran alcance pero sin enfoque en libros. Interfaz genérica que no contempla las necesidades específicas del lector.

Gran audiencia Pagos integrados Sin categorización Genérico

Popular para ventas locales pero sin garantías, sistema de pagos ni verificación de estado del libro.

Conocido Sin comisión Sin seguridad Sin pagos

Librerías con presencia digital pero sin mercado de usados ni funciones de intercambio entre usuarios.

Confianza de marca Catálogo amplio Solo libros nuevos Sin comunidad

04 — User Person

Conociendo
a nuestra usuaria

Laura Morales — User Persona

Laura Morales

29 años · Diseñadora gráfica freelance · Ciudad de México

Lectora activa que busca libros específicos a mejor precio

  • Encontrar ediciones específicas sin pagar precio de librería
  • Dar una segunda vida a sus libros ya leídos
  • Conectar con otros lectores de sus géneros favoritos
  • Construir su biblioteca personal de forma accesible
  • No encuentra los libros que busca en librerías de usados
  • Desconfía de vendedores en Facebook por falta de garantías
  • Tiene acumulados libros que ya leyó y no sabe cómo vender
  • Los precios en librerías nuevas están fuera de su presupuesto
  • iPhone 13, usuaria intensiva de apps móviles
  • Compra regularmente en Mercado Libre y Amazon
  • Valora el diseño visual y la confianza en plataformas
  • Vender sus libros leídos de forma simple y segura
  • Encontrar ediciones específicas con buen estado garantizado
  • Pagar máximo el 40% del precio original de un libro

"Sería increíble poder vender mis libros directamente a alguien que los vaya a leer y amar, no tirarlos o acumularlos. Y de paso encontrar los que yo quiero."

— Laura Morales · Entrevista de usuario #3 · Febrero 2024

05 — Last Screen

Análisis de pantallas
existentes

Evaluación heurística de los principales puntos de fricción que provocan el abandono de plataformas competidoras antes de completar una compra.

HeurísticaEstadoPrioridad
Visibilidad del estado del pedidoFallaAlta
Confianza en el vendedorFallaAlta
Estado del libro verificadoFallaAlta
Proceso de pago seguroParcialMedia
Categorización literariaFallaAlta
Diseño y consistencia visualFallaAlta

Los análisis revelaron que la principal causa de abandono no es el precio, sino la desconfianza: sin sistemas de verificación del estado del libro y sin reputación del vendedor, además de no encontrar procesos de pago seguros; los usuarios prefieren no comprar.

"Segunda Página debe construir confianza en cada pantalla: estado verificado, reputación del vendedor y proceso de compra transparente desde el primer contacto."

06 — Design System

Identidad visual

Una paleta que evoca la calidez de las librerías independientes y el cuero de los libros encuadernados, con un acento dorado que connota valor y conocimiento.

Carbón#1e1e1c
Forest#1C2B1E
Gold#C9A84C
Terra#C4602A
Sage#8A9E7C
Cream#F5EFE0

Display — Playfair Display

Los libros son
portales al mundo.

Serif · 400 / 500 / 700 · Italic disponible

Body — Inter

Sans-serif neutra y altamente legible que complementa el carácter del display sin competir con él.

Escala tipográfica

AaH1 · 48px · Playfair 500
AaH2 · 32px · Playfair 400
AaH3 · 20px · Inter 500
AaBody · 15px · Inter 400
AALabel · 11px · Inter 500 · Uppercase

08 — Wireframes

Baja fidelidad

Los wireframes de baja fidelidad definieron la arquitectura de información y los flujos de navegación: búsqueda, detalle de libro, carrito, métodos de envío, pago y confirmación.

Wireframe 1
Wireframe 2
Wireframe 3
Wireframe 4
Wireframe 5
Wireframe 6
Wireframe 7

08b — Wireframes

Alta fidelidad

Los wireframes de alta fidelidad incorporan el sistema de diseño completo: tipografía real, paleta de color, componentes definitivos y microinteracciones. Esta fase valida que el lenguaje visual funcione antes de construir el prototipo navegable.

High fidelity 1
High fidelity 2
High fidelity 3
High fidelity 4
High fidelity 5
High fidelity 6
High fidelity 7

Proceso en Figma

Construcción de wireframes

Un recorrido por el proceso de construcción en Figma: desde los primeros frames de baja fidelidad hasta los componentes de alta fidelidad, mostrando el pensamiento de diseño detrás de cada decisión.

Figma — Segunda Página

09 — Prototipo

Del diseño
a la interacción

01

Explorar y buscar

El usuario explora el catálogo o busca por título, autor o categoría con filtros específicos para encontrar exactamente lo que busca.

02

Verificar y decidir

El detalle del libro muestra estado verificado, fotos reales y reputación del vendedor para generar confianza antes de comprar.

03

Comprar con seguridad

El proceso de checkout en 3 pasos (carrito, envío, pago) es rápido, claro y con resumen de costos transparente antes de confirmar.

04

Vender fácilmente

El flujo de publicación guía al vendedor paso a paso: fotos, descripción, precio y método de envío en menos de 3 minutos.

07 — Mockups finales

Diseño en contexto

Las pantallas definitivas de Segunda Página, mostrando cómo el sistema de diseño cobra vida en composiciones reales.

Segunda Página — Mockup en libreta
Segunda Página — ISBN
Segunda Página — ISBN
Segunda Página — Vender
Segunda Página — Vender
Segunda Página — Home
Segunda Página — Home
Segunda Página mockups finales
Segunda Página — Detalle compra
Segunda Página — Detalle compra
Segunda Página — Búsqueda
Segunda Página — Búsqueda
Segunda Página — Detalle libro
Segunda Página — Detalle libro

Reflexión final

Lo que aprendí

"Diseñar para usuarios lectores me enseñó que la confianza se construye en cada micro-decisión de diseño."

Este proyecto fue una lección profunda sobre la importancia de la investigación previa al diseño. Antes de abrir Figma, dediqué tiempo a comprender a los usuarios mediante investigación y entrevistas, lo que me permitió descubrir que no buscaban simplemente otra aplicación para comprar y vender libros de segunda mano, sino una plataforma que entendiera el valor emocional de los libros y transmitiera confianza durante todo el proceso de intercambio.

El mayor desafío fue definir una arquitectura de la información clara y construir un flujo de navegación intuitivo que acompañara al usuario en cada etapa de la experiencia. Disfruté especialmente diseñar el User Flow completo, desde la búsqueda de un libro hasta la confirmación o cancelación de una compra, procurando que cada decisión redujera la fricción y facilitara la interacción. La etapa de investigación también fue una de las más enriquecedoras, ya que el perfil de usuario estaba conformado por personas con un fuerte hábito de lectura, intereses bien definidos y criterios claros sobre cómo debía funcionar una plataforma de este tipo.

Uno de los aprendizajes más valiosos fue comprobar la importancia de la iteración dentro de la metodología de Design Thinking. Las pruebas de usabilidad proporcionaron retroalimentación positiva, pero también revelaron oportunidades de mejora que no habían sido evidentes durante el diseño inicial. A partir de esos hallazgos refiné la arquitectura, simplifiqué algunos flujos y realicé ajustes en la interfaz para ofrecer una experiencia más clara, eficiente y alineada con las expectativas de los usuarios.

01

La investigación no es opcional

Las entrevistas con usuarios revelaron necesidades que nunca hubiera descubierto asumiendo. La investigación no retrasa el diseño: lo hace más eficiente.

02

La confianza se diseña, no se declara

No basta con decir que la plataforma es segura. Cada elemento —iconos, textos, flujos— debe comunicar seguridad implícitamente.

03

Iterar duele, pero vale la pena

Rediseñar el flujo de publicación en semana 3 fue difícil. Pero entregar un producto que funciona para los usuarios siempre justifica el esfuerzo.

04

El diseño editorial diferencia

Apostar por una estética editorial en lugar de un diseño genérico de marketplace creó una identidad memorable que los usuarios asociaron con calidad y confianza.

FileEditViewObject Segunda Página — Final v3
Layers
🖼 Home Screen
Header
Hero Banner
Book Cards
🖼 Search Screen
🖼 Detail Screen
🖼 Cart Screen
🖼 Checkout Flow
🖼 Sell Book Flow
Components
BookCard
NavBar
SearchBar
Home Screen
Search Screen
Detail Screen
Cart Screen
Sell Flow
Design
W390
H844
X0
Y0
Fill
Typography
FontPlayfair
Size24
Weight500
Prototype
Present ▶

Gracias por ver este trabajo

Hablemos de
tu próximo proyecto

Si tienes un proyecto en mente o quieres conocer más sobre mi trabajo en UX/UI e IT, me encantaría conectar contigo.

Enviar mensaje Ver LinkedIn Contacto
Ing. Ricardo C
UX/UI · IT Engineering
Ciudad de México
Proyectos freelance