Caso de estudio Sitio Web Universidad Católica de la Santísima Concepción Construcción 4º DG 2013 Danila Ilabaca

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Caso de estudio Sitio Web Universidad Católica de la Santísima Concepción Construcción 4º DG 2013 Danila Ilabaca"

Nicolás González Martin
hace 5 años
Vistas:

1 Caso de estudio Sitio Web Universidad Católica de la Santísima Concepción Construcción 4º DG 2013 Danila Ilabaca

conjunto con el sitio web principal de la casa de estudios.

2 1. META SITIO Se toma como caso de estudio el Meta-Sitio Web de la Pontificia Universidad Católica de la Santísima Concepción ( cl/) debido a que tiene una gran cantidad de contenidos y sus respectivos sitios internos están diseñados en conjunto con el sitio web principal de la casa de estudios. Dentro del sitio se observa un gran trabajo de diseño ya que no hay ningún sitio interno que este desvinculado de la identidad visual del resto, constantemente se mantiene la diagramación casi intacta y lo que va cambiando es el color del menú principal de navegación y el footer y 2 imágenes del home, 3 y 4 imágenes de 2 de los sitios internos

3 1.1. ARQUITECTURA DE LA INFORMACIÓN.

1.2.ESTUDIO DE LA GRILLA 3 4 2 1 1. Grilla del home del meta sitio 2.

4 1.2.ESTUDIO DE LA GRILLA Grilla del home del meta sitio 2. Grilla de las categoría 3. Grilla de las sub categorías 4. Grilla casos especiales admisión y centro de prensa

5 1.3.ESTUDIO DE LOS ELEMENTOS Grilla del home del meta sitio 2. Grilla de las categoría 3. Grilla de las sub categorías 4. Grilla casos especiales admisión y centro de prensa

6 HEADER DEL META SITIO

7 FOOTER DEL META SITIO

8 LINKS DEL SITIO - META SITIO INICIO CATEGORÍA MENÚ SUB CATEGORÍA MENÚ SUB SUB CATEGORÍA MENÚ - SUB SITIOS INICIO CATEGORÍA MENÚ SUB CATEGORÍA MENÚ

1.4. IDENTIDAD VISUAL DEL META SITIO 1.4.1. EL COLOR

mismo busca una identidad visual a través del color

incorporar color, ademas del tono azul de los links.

meta sitio, esto también podría traer confusiones en

En los sitios internos se pierde totalmente la

9 1.4. IDENTIDAD VISUAL DEL META SITIO EL COLOR NARANJO COMO UNIÓN VISUAL DEL SITIO El sitio en si mismo busca una identidad visual a través del color naranjo,este se repite constantemente al momento de incorporar color, ademas del tono azul de los links. * Hay un sitio interno que es naranjo al igual que el meta sitio, esto también podría traer confusiones en cuanto a la organización. En los sitios internos se pierde totalmente la existencia del naranjo, ya que cada sitio interno posee un color distinto, lo que podría generar confusión.

el color naranjo como unificador visual.

10 PRESCENCIA DE LOGOS DENTRO DEL SITIO Dentro del sitio se pueden encontrar logotipos, en dos de ellos se encuentra el color naranjo como unificador visual. En el caso de el logo propio de la Universidad Católica de la Santísima Concepción se encuentra en la parte principal en los tonos concordantes con el meta sitio (gris y blanco), en cambio en los sitios internos se visualiza en el footer del color que le corresponda por facultad o instituto.

11 PRESCENCIA DE PICTOGRAMAS EN EL SITIO Dentro del home del meta sitio se encuentra un menú de navegación directa que lleva al item de admisión, generando un enlace directo con este sector. Para hacerlo mas notorio y accesible se observa que realizaron una pequeña serie de logotipos para orientar mejor al usuario. En el estado over el logotipo apunta a la identidad visual y adopta un color naranjo.

2. SITIOS INTERNOS Los sitios internos del meta

cl/ están muy bien organizados dentro, es

distinto pero mantiene la misma grilla y los

12 2. SITIOS INTERNOS Los sitios internos del meta sitio están muy bien organizados dentro, es notoria la dedicación a la parte del diseño y cohesión visual. Cada facultad o instituto posee un color distinto pero mantiene la misma grilla y los mismos elementos, esto hace que el usuario en ningún momento de la navegación sienta que se ha alejado de lo que estaba buscando.

2.1. ESTUDIO DE LA GRILLA DE LOS SUB SITIOS La grilla de los sitios internos es la misma entre ellos, pero si es distinta a la grilla del home del meta sitio.

13 2.1. ESTUDIO DE LA GRILLA DE LOS SUB SITIOS La grilla de los sitios internos es la misma entre ellos, pero si es distinta a la grilla del home del meta sitio. Son casi los mismos elementos pero dispuestos de otra manera. Estos poseen un mejor diseño ya que no se pierde espacio en blanco que no está diseñado. Todo está mas junto Grilla del home del sub sitio 2. Grilla de las categorías del sub sitio 3. Grilla de las sub categorías del sub sitio 4. Grilla caso especial admisión

14 2.2. ESTUDIO DE LOS ELEMENTOS DE LOS SUB SITIOS Home del sub sitio 2. Categorías del sub sitio (educación) 3.Sub categorías del sub sitio 4. Casos especial admisión

15 2.3. IDENTIDAD VISUAL DE LOS SITIOS INTERNOS En cuanto a las fuentes utilizadas en general se observan en palo seco, el único caso de serif está en el logo de la Universidad Católica de la Santísima Concepción. La fuente utilizada es Arial en distintos estilos HEADER FOOTER

16 2.4. ARQUITECTURA DE LA INFORMACIÓN DE CADA SUB SITIO INSTITUTO DE TEOLOGÍA Link Mapa del sub sitio

17 FACULTAD DE EDUCACIÓN Link Mapa del sub sitio

18 FACULTAD DE INGENIERÍA Link Mapa del sub sitio

19 FACULTAD DE COMUNICACIÓN, HISTORIA Y CIENCIAS SOCIALES Link Mapa del sub sitio

20 FACULTAD DE CIENCIAS Link Mapa del sub sitio

21 FACULTAD DE CIENCIAS ECONÓMICAS Y ADMINISTRATIVAS Link Mapa del sub sitio

22 FACULTAD DE DERECHO Link Mapa del sub sitio

23 FACULTAD DE MEDICINA Link Mapa del sub sitio

24 INSTITUTO TECNOLÓGICO Link Mapa del sub sitio

Documentos relacionados

vtr.com Manual de Normas Gráficas

vtr.com Manual de Normas Gráficas 2 INDICE 01_conceptos 02_línea gráfica 03_estructura web Nuestra Visión Buenas Prácticas Isotipo Logotipo Colores Tipografía Iconografía Visualización de Datos Fondos Header Footer Elementos comunes 01_conceptos