Propuesta de rediseño: sitio web municipalidad de Machalí

De Casiopea


TítuloPropuesta de rediseño: sitio web municipalidad de Machalí
Palabras Claverediseño, ux, municipalidad, diseño gráfico, diseño de interacción
Período2018-2018
Del CursoDiseño desde el Código 2018
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Raquel Cataldo, Francisca Delgadillo, Javiera Missana

Informe de accesibilidad y optimización

Informe: archivo HTML

https://codepen.io/jmissana/pen/mQJEJa

Páginas revisadas

  • Inicio

  • DIDECO / Egis

  • Trámites / preguntas frecuentes

  • Trámites / trámite fácil

Mejoras de accesibilidad propuestas

  • Etiquetado alt correcto y en español.
  • Evitar los botones imagen.
  • Mejora en la tipografía (puntaje, color, peso).
  • Mejora en los breadcrumbs (orden correcto).
  • Proporcionar medios para que el sitio sea accesible para todo tipo de público.
  • Evitar colores demasiado saturados y vibrantes que dañan la vista.
  • Ralentizar el movimiento de los banners automáticos.
  • Evitar la repetición innecesaria de contenido, evitar links vacíos.
  • Mantener el código válido.

Mejoras de accesibilidad a trabajar

  • Etiquetado alt correcto y en español.
  • Evitar los botones imagen.
  • Mejora en la tipografía (puntaje, color, peso).
  • Mejora en los breadcrumbs (orden correcto).
  • Evitar colores demasiado saturados y vibrantes que dañan la vista.
  • Evitar la repetición innecesaria de contenido, evitar links vacíos.
  • Mantener el código válido.

Rediseño

Páginas a rediseñar

  • Inicio
  • Trámites / trámite fácil
  • Municipalidad / Teléfonos Municipales
  • Municipalidad / Misión-visión de la Municipalidad
  • Noticias

Arquitectura de información

Mapa de navegación: actual

Nota: El mapa de navegación expuesto comprende únicamente el flujo de acción de las páginas en la que se enfocará el proyecto.

Mapa de navegación: rediseñado

Wireframes

Primeras versiones

Identidad

Paleta de colores

Para la paleta de colores se mantiene la tríada principal del logotipo, con pequeñas modificaciones de saturación y luminosidad. Se agrega también una dupla de colores secundarios, usados en detalles y como complemento.

Logotipo

El logotipo se mantiene y de él se extrae la paleta de colores usados a lo largo de las 5 pantallas (y por ende en el resto del sitio)

Fotos

Gráfica

La imágen del footer fue retrazada debido a que la original está hecha con imágen y no con código.

Pantallas rediseñadas

Inicio

Trámite fácil

Teléfonos municipales

Misión/visión municipal

Noticias