Rediseño de sitio web
SODIS
SODIS Perú es una organización sin fines de lucro dedicada a promover la inclusión de las personas con discapacidad.
El proyecto consistió en el rediseño completo del sitio web institucional, buscando comunicar de manera más clara el propósito social de la organización, mejorar la accesibilidad y ofrecer una experiencia más moderna, intuitiva y humana.
El sitio fue rediseñado desde cero, pasando de una estructura rígida y técnica a una experiencia más cercana, con contenido visualmente atractivo y orientado a la acción.
Skills
Diseño UX / UI
Prototipado en Figma
Implementación en HTML / CSS / Velo
Antes
Después
Antes
Después
Antes
Después
Antes
Después
Navegación clara y accesible
Insight
Gracias al análisis de datos con Google Analytics, se identificó que la mayoría de los usuarios navegan las páginas siguiendo el orden del menú principal, lo que evidenció la importancia de una estructura jerárquica clara y coherente.
Necesidad
Los usuarios necesitaban encontrar la información esencial (programas, proyectos y contacto) de manera rápida y organizada.
Solución
Se rediseñó la arquitectura de información y la barra de navegación para mantener ese flujo natural, priorizando los contenidos más visitados y mejorando la orientación del usuario.
Enfoque en accesibilidad
Insight
Un sitio enfocado en la inclusión debe reflejar esa misma filosofía en su diseño.
Necesidad
Era necesario aplicar principios de diseño inclusivo que permitieran una navegación más accesible para todos los usuarios
Solución
Se implementaron buenas prácticas de accesibilidad:
-
Contrastes adecuados entre texto y fondo.
-
Tipografía legible y escalable.
-
Navegación compatible con lectores de pantalla.
-
Botones e íconos grandes y fáciles de identificar.
Consistencia visual y experiencia moderna
Insight
El diseño anterior carecía de consistencia y no reflejaba la evolución de la organización.
Necesidad
El sitio debía proyectar una imagen institucional moderna, coherente y alineada con la identidad visual de SODIS.
Solución
Se desarrolló un nuevo sistema visual con una paleta de colores institucional, iconografía clara y componentes reutilizables en Figma.
.png)