Rediseño de Papelería Divertida
El rediseño de Papelería Divertida fue un proyecto académico enfocado en el rediseño visual y estructural del sitio web de Papelería Divertida. El objetivo principal fue modernizar la experiencia de navegación mediante una propuesta más clara, accesible y visualmente coherente, manteniendo la identidad colorida de la marca.
Contexto
Papelería Divertida Redesign fue un proyecto académico enfocado en el rediseño visual y estructural del sitio web de Papelería Divertida. El objetivo principal fue modernizar la experiencia de navegación mediante una propuesta más clara, accesible y visualmente coherente, manteniendo la identidad colorida y creativa de la marca.
Público Objetivo
Orientado a clientes de Papelería Divertida, principalmente estudiantes, personas interesadas en artículos de papelería y usuarios que buscaban una experiencia de compra más clara y agradable. También se buscó mantener una identidad visual amigable y creativa acorde al público de la marca.
Objetivo Del Proyecto
Rediseñar la experiencia visual y estructural del sitio web de Papelería Divertida, mejorando la navegación, la legibilidad y la organización del contenido, manteniendo la identidad colorida y creativa de la marca.
Duración Del Proyecto
2 Meses
Rol
UX/UI Designer & Front-End Developer
Problemas detectados
Problemas detectados
El sitio original presentaba múltiples problemas de diseño que afectaban la experiencia de usuario, incluyendo tipografías difíciles de leer, textos integrados en imágenes, colores excesivamente intensos, imágenes de baja calidad y una navegación sobrecargada. La combinación de estos elementos generaba una interfaz confusa y poco accesible, dificultando la exploración del contenido.
-
2
Baja legibilidad
El uso de tipografías poco claras y textos incrustados directamente en imágenes dificultaba la lectura y reducía la accesibilidad del contenido.
-
3
Jerarquía visual inconsistente
La utilización de imágenes pixeladas y una combinación excesiva de colores provocaban una experiencia visual desordenada y poco coherente.
-
4
Navegación poco eficiente
El menú principal mostraba una gran cantidad de categorías simultáneamente, ocupando gran parte de la pantalla y dificultando la orientación del usuario.
Auditoría visual
Referencias visuales
Se investigaron referencias de sitios relacionados con papelería, diseño editorial y tiendas creativas para definir una identidad visual más moderna y amigable.
Decisiones de diseño
Problema
El menú original mostraba demasiadas categorías simultáneamente, dificultando la orientación del usuario.
Solución
Se reorganizó el contenido en ocho categorías principales con subcategorías internas para mejorar la exploración.
Problema
El contenido original presentaba problemas de lectura debido a tipografías y colores poco accesibles.
Solución
Se implementó una nueva jerarquía tipográfica y una paleta de colores pastel más controlada para mejorar claridad y coherencia visual.
Problema
El sitio necesitaba transmitir una identidad más atractiva y contemporánea.
Solución
Se desarrolló un prototipo funcional con navegación real, animaciones e interacciones utilizando HTML, CSS y SCSS.
Resultado Final
Conclusiones
El resultado final fue un mockup navegable enfocado en mejorar la experiencia visual y estructural del sitio original de Papelería Divertida. El proyecto reorganizó completamente la navegación, mejoró la accesibilidad visual y estableció una identidad más coherente mediante una estética inspirada en tonos pastel y referencias editoriales relacionadas con papelería. Además, el desarrollo permitió profundizar conocimientos en CSS y SCSS mediante la construcción de una experiencia interactiva y funcional desde frontend.
