logo de la página icono de menu
icono de codigo

Proyecto: W3schools

Diseño UI

Descripción del proyecto

W3schools es una plataforma de documentación sobre desarrollo web. Durante nuestro análisis, identificamos que el flujo de registro era uno de los menos utilizados. Además, notamos que los exámenes de certificación requerían un flujo externo para procesar los pagos.

Para abordar esto, propusimos dos mejoras principales. En primer lugar, agregamos más métodos de registro, como Google, Linkedin y Github. En segundo lugar, implementamos una función en el perfil del usuario que le permite visualizar su progreso al leer cada documentación. El objetivo era motivar al usuario a revisar toda la documentación y considerar tomar una certificación en el futuro.

Para mejorar la experiencia de compra, diseñamos una estructura y arquitectura de la información que permite al usuario visualizar claramente el paso en el que se encuentra en el proceso de compra. Además, se implementaron métodos de pago adicionales para brindar mayor flexibilidad al usuario.

Skills y Toolkits

  • Arquitectura de la Información
  • Gestión de Proyectos
  • Análisis de Datos
  • Gestión de Estilos y Componentes
  • Principios de Usabilidad
  • Creación de Marca
  • Illustrator
  • Figma
  • Notion
  • Miro

Logo y Colores Base

imagen de rediseño del logo y colores base

Colores

imagen de colores de la marca

Tipografía

imagen de estilos tipográficos

Task Flow

imagen de Taskflow de busqueda de tutoriales imagen de Taskflow para acceder a un capitulo imagen de Taksflow para ingresar a mi cuenta

Wireframes

imagen de wireframes

Mockups

imagen de pantallas de la aplicación rediseñada

¡Gracias por tomarte el tiempo de explorar este proyecto!