Wattpad UI Redesign

Leer en Wattpad es descubrir nuevas historias día a día. Usualmente tiene la fama de ser un espacio para adolescentes y de baja calidad en sus historias, pero si sabes buscar puedes encontrar grandes escritores y escritoras (como me ha pasado con Mar Petryk, tienen que leerla!).

Cuando comencé la capacitación de UI design teníamos que seleccionar una app/web para rediseñar el Design System y automáticamente pensé en Wattpad. Como fiel usuaria, no podía dejar de pensar en todas las cosas que necesitaban ser modificadas.

Investigación

Como en todo rediseño es necesario saber sobre el producto. En esta oportunidad, fue una breve investigación, Wattpad sigue creciendo a pasos agigantados y ahora no son historias online, también son libros, películas y webtoons. En solo unos minutos es muy fácil sumergirse su la identidad.

Análisis de los elementos visuales

En cuanto uno comienza el análisis de cada elemento visual automáticamente se pueden encontrar algunas fallas en la iconografía o en la estructura de la app. La intención de que cada portada llame la atención tiende a saturar visualmente (sumado a la publicidad que se encuentra en plena navegación), opciones desorganizadas. Analizando su Design System vemos que utilizan uno propio y en algunas opciones continuan usando Human Interfaces.

Rediseño

En el rediseño he buscado unificar la estética para que visualmente sea una app sencilla, clara y amigable al usuario sin alejarse de audiencia principal es la Generación Z.

Se ha creado un DS totalmente nuevo, con iconos y botones con una coherencia estética. También he simplificado la paleta de colores para que el Naranja característico de la plataforma continue siendo el hilo conductor del DS.

Resultado Final con el rediseño aplicado

Sé que aún me falta mucho por aprender en este camino, y confío que voy a ir mejorando día a día. Si llegaste hasta aquí y quieres dejar un comentario constructivo para mejorar te lo agradecería mucho :)