EdTech · Mobile · iOS / Android

Santillana.
Aprender
diferente.

App educativa de Santillana para llevar los libros de texto al móvil y la tablet. Una nueva forma de enseñarle a nuestros hijos la importancia de la lectura, ciencias, historia y mucho más.

Cliente

Santillana

Plataforma

iOS · Android · iPad

Rol

Product Designer UX/UI

Pantallas

50+ pantallas diseñadas

Contexto

Los libros de texto merecen una experiencia digital a la altura.

Santillana es uno de los grupos editoriales educativos más importantes del mundo hispanohablante. El reto era trasladar su contenido curricular a una experiencia digital nativa tan rica e inmersiva como el libro físico.

No era solo digitalizar texto. Era crear un sistema de lectura adaptable con modos de lectura, sistema de notas y una navegación por temas visualmente rica para diferentes contextos.

📚

Navegación por asignaturas y temas

Estructura clara con tabs por asignatura y grid visual de temas con portadas. El estudiante sabe siempre dónde está y qué le queda por explorar.

🖊️

Sistema de notas y subrayado

Seleccionar texto para subrayarlo y añadirlo a 'Mis notas' por asignatura. Fragmentos de texto e imágenes guardadas en el espacio de revisión personal.

🌙

3 modos de lectura adaptativos

Modo estándar, oscuro y modo lectura sin imágenes para velocidad. Más modo audio con narración automática del contenido para aprender en movimiento.

Pantallas móvil

Aprender en el bolsillo.

Desliza para ver todos los flujos →

Asignaturas · Grid de temas

Artículo · Vista de tema

Subrayado · Añadir a notas

Modo oscuro · Dark reader

Configuración de lectura

Mis notas · Masonry grid

Modos de lectura

Estudia como quieres. Cuando quieres.

Tres modos pensados para adaptarse al contexto del estudiante: en clase, de noche, o en movimiento.

☀️ Modo Estándar

Vista enriquecida con imágenes, vídeos y animaciones. Lectura inmersiva con jerarquía tipográfica clara. Ideal para estudio en casa o en clase.

Predeterminado

🌙 Modo Oscuro

Fondo oscuro para reducir la fatiga visual en condiciones de poca luz. Subrayados y anotaciones visibles sobre fondo oscuro.

Bajo contraste

📖 Modo Lectura + Audio

Desactiva imágenes para velocidad máxima. Modo audio activa la narración automática del contenido para aprender mientras te mueves.

Multitasking

Experiencia iPad / Tablet

El aula en la pantalla grande.

Layout adaptado a tablet: más contenido visible, navegación lateral y lectura inmersiva con portadas cinematográficas →

Home · Carousel de temas y últimos artículos vistos

Historia / Egipto · Grid editorial con artículos destacados

Artículo · Portada cinematográfica + contenido en fondo crema

Proceso de diseño

De la estrategia editorial al lanzamiento.

Research

Estrategia y Descubrimiento

Análisis de apps educativas de referencia. Entrevistas con docentes y estudiantes para entender cómo usan los libros de texto digitales y qué les falta.

BenchmarkEntrevistasPersonas

Arquitectura de Información

Diseño del flujo completo para móvil y tablet: asignaturas, temario, lector, notas y perfil. Adaptaciones de layout para pantallas de 5" a 13".

User flowsWireframesResponsive layout

Diseño de Interfaz y Sistema

Design system con tokens para textos académicos. Verde como color de asignatura activa, morado para acción. 50+ pantallas con variantes de estado.

Design tokensTypography50+ screens

Testing

Prototipado y Validación

Prototipos de alta fidelidad para iOS, Android e iPad. Tests con estudiantes de secundaria. Iteración en el flujo de subrayado y gestión de notas.

Figma prototypeUser testingSecundaria

Dev

Desarrollo y Control de Calidad

Colaboración con desarrollo para implementar los modos de lectura y el sistema de notas. QA exhaustivo en dispositivos reales de diferentes tamaños.

HandoffQAReal devices

→

Launch

Lanzamiento y Publicación

Publicación en App Store y Google Play con assets optimizados. La app se convirtió en una herramienta clave para docentes y estudiantes hispanohablantes.

"Una nueva forma de enseñarle a nuestros hijos la importancia de la lectura, ciencias, historia, etc."

— Santillana, valoración del proyecto

Resultados

Un libro de texto que cabe en el bolsillo.

50+

Pantallas diseñadas para móvil y tablet

Diseño exhaustivo cubriendo todos los flujos: navegación, lectura, notas, configuración y perfil — con variantes para móvil y tablet.

Modos de lectura adaptativos

Estándar, oscuro y lectura rápida. Más modo audio. El estudiante adapta la experiencia a su contexto de estudio sin salir de la app.

📝

Sistema de notas y subrayados integrado

Los estudiantes subrayan fragmentos directamente en el texto y los guardan en 'Mis notas' organizadas por asignatura para revisión rápida.

E2E

De la estrategia al lanzamiento en tiendas

7 fases completas desde la estrategia hasta la publicación. La app se convirtió en una herramienta clave para el aprendizaje digital hispanohablante.