UX/UI Redesign

Adrian Chavez website

Redesign of the personal website of Adrian Chavez, writer, teacher, translator and content creator in Tiktok about linguistic divulgation and tea.

Tools:
  • Figma
Go to Demo

Proceso

In a first analysis, the main problems I detected were accessibility, design consistency, and a difficult navigation between pages.

I built a content inventory. This helped me to sort and categorize the website information to then work on the design of the componentes and differents ways to navigate into this information.

Estructura de contenido propuesta para el proyecto.

With a clear content structure, I started the sketching and interface design stage.

I benchmarked websites with similar content, services or profile. Thanks to this and the previous information, I was able to work more efficiently.

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.

Most of the information was conserved in their respective component/section.

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