Caso de estudioSitio Web Universidad Católica de la Santísima Concepción

9 · 07 · 13Construcción 4º DG 2013

Danila Ilabaca

1. META SITIO WWW.UCSC.CL

Se toma como caso de estudio el “Meta-Sitio Web” de la Pontificia Universidad Católica de la Santísima Concepción (http://www.ucsc.cl/) debido a que tiene una gran cantidad de contenidos y sus res-pectivos 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.

1

2 3 4

1 y 2 imágenes del home, 3 y 4 imágenes de 2 de los sitios internos

1.1. ARQUITECTURA DE LA INFORMACIÓN.

1.2.ESTUDIO DE LA GRILLA

1. Grilla del home del meta sitio2. Grilla de las categoría

3. Grilla de las sub categorías 4. Grilla casos especiales “admisión” y “centro de prensa”

1

2

3 4

1.3.ESTUDIO DE LOS ELEMENTOS

1. Grilla del home del meta sitio2. Grilla de las categoría

3. Grilla de las sub categorías 4. Grilla casos especiales “admisión” y “centro de prensa”

1

23

4

1.3.1. HEADER DEL META SITIO

1.3.2. FOOTER DEL META SITIO

1.3.3. LINKS DEL SITIO

- META SITIO

INICIOhttp://www.ucsc.cl/

CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/

SUB CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/direcciones-administrativas/

SUB SUB CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/direcciones-administrativas/direccion-de-admision-y-registro-academico/

- SUB SITIOS

INICIOhttp://educacion.ucsc.cl/

CATEGORÍA MENÚhttp://educacion.ucsc.cl/carreras/

SUB CATEGORÍA MENÚhttp://educacion.ucsc.cl/carreras/pedagogia-en-educacion-fisica/

1.4. IDENTIDAD VISUAL DEL META SITIO1.4.1. 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.

En los sitios internos se pierde totalmente la existencia del naran-jo, ya que cada sitio interno posee un color distinto, lo que podría generar confusión.

* Hay un sitio interno que es naranjo al igual que el meta sitio, esto también podría traer confu-siones en cuanto a la organización.

1.4.2. 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 San-tí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.

1.4.3. PRESCENCIA DE PICTOGRAMAS EN EL SITIO

Dentro del home del meta sitio se encuentra un menú de navega-ció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 sitio http://www.ucsc.cl/ es-tá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. 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.

1

2

3

1. Grilla del home del sub sitio2. Grilla de las categorías del sub sitio

3. Grilla de las sub categorías del sub sitio 4. Grilla caso especial “admisión”

4

2.2. ESTUDIO DE LOS ELEMENTOS DE LOS SUB SITIOS

1 2

3

1. Home del sub sitio2. Categorías del sub sitio (educación)

3.Sub categorías del sub sitio4. Casos especial “admisión”

4

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óli-ca de la Santísima Concepción.La fuente utilizada es Arial en distintos estilos

HEADER

FOOTER

2.4. ARQUITECTURA DE LA INFORMACIÓN DE CADA SUB SITIO

INSTITUTO DE TEOLOGÍALink http://teologia.ucsc.cl/

Mapa del sub sitio

FACULTAD DE EDUCACIÓNLink http://educacion.ucsc.cl/

Mapa del sub sitio

FACULTAD DE INGENIERÍALink http://ingenieria.ucsc.cl/

Mapa del sub sitio

FACULTAD DE COMUNICACIÓN, HISTORIA Y CIENCIAS SOCIALESLink http://comunicacion.ucsc.cl/

Mapa del sub sitio

FACULTAD DE CIENCIASLink http://ciencias.ucsc.cl/

Mapa del sub sitio

FACULTAD DE CIENCIAS ECONÓMICAS Y ADMINISTRATIVASLink http://economia.ucsc.cl/

Mapa del sub sitio

FACULTAD DE DERECHOLink http://derecho.ucsc.cl/

Mapa del sub sitio

FACULTAD DE MEDICINALink http://medicina.ucsc.cl/

Mapa del sub sitio

INSTITUTO TECNOLÓGICOLink http://it.ucsc.cl/

Mapa del sub sitio