Diseño UXDiseño de interfazPrototipado

Atelier.

Diseño UX/UI2026

Una app para aprender arte desde casa. Cursos de ilustración, dibujo, collage y lettering que se sienten como entrar a un taller, no como abrir una lista de videos.

Objetivos

  • Que explorar cursos sea fácil
  • Elegir un curso sin dudas
  • Que el progreso se sienta
  • Sumar un modo profesor

Problema

Aprender arte desde una pantalla suele sentirse como recorrer un catálogo de videos. Quien empieza tiene poco tiempo, todavía no sabe qué técnica le gusta y necesita ver su avance para no abandonar. Las plataformas existentes mezclan arte con negocios, tecnología o academia, y casi ninguna muestra el progreso de forma completa.

Solución

Una app pensada como un taller: un home con tu meta semanal y el curso que dejaste a medias, un buscador con filtros por disciplina y nivel, una ficha de curso clara con la primera clase gratis, estadísticas de práctica y un modo profesor para que cualquier artista suba su curso.

Qué ofrecían las
otras plataformas

DomestikaSkillshareCourseraMasterClassCrehana
Foco principalDisciplinas creativas y
artísticas
Habilidades creativas, profesionales
y de productividad
Educación académica y
profesional
Clases con celebridades y
referentes
Creatividad, diseño,
negocios y tecnología
SuscripciónLo tieneLo tieneLo tieneLo tieneLo tiene
Registro simpleLo tieneLo tieneLo tieneLo tieneLo tiene
Modo oscuroNo lo tieneNo lo tieneLo tieneNo lo tieneNo lo tiene
Estadísticas / progresoNo lo tieneA mediasA mediasA mediasLo tiene
Inspiración / comunidadLo tieneLo tieneNo lo tieneNo lo tieneLo tiene
Búsqueda simpleLo tieneLo tieneLo tieneA mediasA medias
FeedbackLo tieneLo tieneLo tieneNo lo tieneLo tiene
OfflineLo tieneLo tieneLo tieneLo tieneNo lo tiene
SíLo tieneParcialA mediasNoNo lo tiene

1 de 5

muestra el progreso de forma completa. Las otras tres que lo intentan lo resuelven a medias.

3 de 5

tienen un espacio de inspiración o comunidad para compartir lo que hacés.

1 de 5

se enfoca en arte. El resto mezcla arte con negocios, tecnología o academia.

De la idea a la estructura

Antes de sumar color, armé los wireframes para ordenar el recorrido principal: descubrir un curso, conocerlo, elegir cómo pagarlo y seguir aprendiendo. Esto me permitió definir la jerarquía de cada pantalla y qué necesita ver la persona para avanzar.

Wireframe del homeWireframe de la descripción del cursoWireframe de las lecciones del cursoWireframe de elección de planWireframe de mis lecciones

Encontrar el curso justo

El home abre con tu meta de la semana, el curso que dejaste a medias y recomendaciones según lo que elegiste en el onboarding.

El buscador suma sugerencias, filtros por disciplina y nivel, y un contador que dice cuántos filtros están activos.

Pantalla de inicio de Atelier

1. Inicio

Juani abre la app y ve su meta semanal, la clase que dejó a medias y cursos recomendados según lo que eligió en el onboarding. El buscador está arriba, accesible.

Pantalla de búsqueda rápida

2. Búsqueda

Al tocar el buscador, la app le sugiere disciplinas para explorar y le muestra sus búsquedas recientes y los cursos más populares de la semana.

Pantalla de resultados de búsqueda

3. Resultados

Cada resultado muestra la calificación, el nivel, la cantidad de lecciones, la duración y el precio. Los filtros activos aparecen como chips que se quitan con un toque, y el ícono de filtros indica cuántos hay aplicados.

Pantalla de filtros

3. Resultados

Puede filtrar por disciplina, nivel, duración y precio, todo en una sola pantalla. El botón le dice cuántos cursos va a encontrar antes de aplicar, así nunca llega a una lista vacía.

Cálido, redondeado
y con aire

Un ciruela profundo sostiene los bloques importantes, el rosa marca selección y avance, y el naranja se reserva para lo completado.

Después de auditar todas las pantallas quedaron reglas fijas: chips y áreas táctiles de 44 px, un solo gris secundario y el mismo botón principal en toda la app.

atelier.

Urbanist · SemiBold / Bold

Aa

0123456789

BeginnerLetteringBuy course

STREAK

16days

MTWTFSS

Best: 21 days

#3A3042
#FEA1CD
#FFDFEE
#FF7400
#F0F3F0
#1E1E1E
Ficha del curso “Characters who tell stories” con chips, precio y botón de compra
iPhone con el home de Atelier

Flujo de compra

Home con recomendación de curso

1-Descubrís

Una recomendación en el home, según tus intereses.

Ficha del curso con descripción

2-Decidís

Precio, profesora y reseñas en la ficha del curso.

Lecciones del curso con clase gratuita

3-Probas sin compromiso

Recorre el temario completo y puede ver gratis la primera clase.

Elección de plan

4-Elegir plan

Puede comprar solo este curso o pasarse a Premium y acceder a todos.

Dos posters de Atelier enmarcados

Del otro lado del taller

Una sola cuenta con modo profesor. En tres pasos con el mismo indicador —datos, clases, revisión— cualquier artista sube su curso, ve el estado de cada video y sabe qué falta antes de enviarlo.

Introducción al modo profesorDatos del nuevo cursoLecciones del curso
Revisión del curso antes de enviarCurso enviado a revisiónPanel de enseñanza

APRENDIZAJE

Aprender arte, a tu ritmo.

Atelier empezó como un ejercicio personal y terminó siendo una pregunta sobre cómo se aprende algo tan íntimo como el arte desde una pantalla. Diseñarla me obligó a pensar más allá de un catálogo de cursos: en alguien que tiene poco tiempo, que todavía no sabe bien qué técnica le gusta y que necesita ver su avance para no abandonar.

Por eso cada decisión buscó lo mismo: que explorar sea fácil, que elegir un curso no genere dudas y que el progreso se sienta. El modo profesor completó la idea: el que aprende hoy puede enseñar mañana, y la app se vuelve un taller compartido más que una plataforma.

Me llevo la importancia de diseñar para la constancia y no solo para la primera compra, y lo mucho que suma un sistema visual cálido cuando el contenido es creativo. Si tuviera que seguir, pondría Atelier en manos de personas que estén aprendiendo, para validar el flujo de compra y medir si las estadísticas realmente las motivan a volver.