UX/UI Redesign

Adrian Chavez website

Escritor, profesor, traductor y creador de contenidos en Tiktok sobre divulgación lingüística y té. Propuesta de diseño para su sitio web.

Herramientas:
  • Figma
Ir a la Demo

Proceso

Los problemas detectados en un primer análisis fueron de accesbilidad, consistencia de diseño y dificultad para navegar entre páginas.

La creación de un inventario de contenido me ayudo a ordenar y categorizar la información del website para trabajar en el diseño de los componentes.

Estructura de contenido propuesta para el proyecto.

Con una estructura de contenido clara inicié la etapa de bocetaje y diseño de la interfaz.

Realicé un benchmark de websites con contenido, servicios o perfiles similares. Gracias a esto y a la información previa pude trabajar de forma más eficiente.

Muestrario de la paleta de color usada para la interfaz. Listado con el nombre de la fuente, peso y tamaños en el que seran usados. Muestrario de los componentes creados para la interfaz.

La mayoría de la información original fue conservada en su respectiva sección o componente.

Comparación del diseño del 'Home' anterior y actual. Comparación del diseño de la página de 'Publicaciones' anterior y la actual Comparación del diseño de la página de 'Detalle de curso' anterior y la actual