Diferencia entre revisiones de «Caso estudio: Hallmark.com»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 18: | Línea 18: | ||
=Análisis y casos de estudio= | =Análisis y casos de estudio= | ||
===Mapas de Navegación | ===Mapas de Navegación=== | ||
El mapa de navegación ayudó a ordenar visualmente los contenidos del sitio , pues a una primera impresión no se entiende completamente los elementos y opciones que el sitio ofrece , pues vemos que las opciones se repiten en distintos lugares , para darle más énfasis a los items más utilizados por el usuario. | El mapa de navegación ayudó a ordenar visualmente los contenidos del sitio , pues a una primera impresión no se entiende completamente los elementos y opciones que el sitio ofrece , pues vemos que las opciones se repiten en distintos lugares , para darle más énfasis a los items más utilizados por el usuario. | ||
Revisión del 23:21 8 jul 2013
| Título | Caso de estudio : Hallmark.com |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Período | 2013-2013 |
| Asignatura | Construcción 4º DG 2013, |
| Del Curso | Construcción 4º DG 2013, |
| Carreras | 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. |
| Alumno(s) | Javiera Rojas |
| Profesor | Katherine Exss |
presentación
A continuación se presentara el caso de estudio para el MetaSitio de Hallmark (http://www.hallmark.com/. Observaremos las relaciones existentes entre los distintos elementos del sitio principal en contraste con sus sitios anexos; estructura y funcionamiento.
Análisis y casos de estudio
El mapa de navegación ayudó a ordenar visualmente los contenidos del sitio , pues a una primera impresión no se entiende completamente los elementos y opciones que el sitio ofrece , pues vemos que las opciones se repiten en distintos lugares , para darle más énfasis a los items más utilizados por el usuario.
Estructura interna
Teniendo claro un primera aproximación de lo que contiene el sitio de hallmark continuamos analizando la estructura interna del sitio. Es decir, identificamos su grilla que se utiliza para diagramar el sitio, de esta manera, se tomará la página principal como referente para estudiar los sub-sitios o sitios externos y lograr identificar similitudes y/o diferencias a nivel estructural
A continuación se muestren ejemplos de como la grilla se utiliza de distintos modos , pero siempre conservando su orden en el head y footer.
Categoría Shop
Categoría Explore
Categoría Our Store
Elementos Visuales
Se utilizan seis tipos de tipografías distintas para mostrar los diferentes contenidos del home , principalmente los cambios varian en los títulos , pues en los momentos de lectura ( los cuales son muy concisos ) se utiliza un solo tipo de tipografía y estilo.
- Estilos
Estilo 1
estilo 2
estilo 3
estilo 4
estilo 5
estilo 6
- Utilización de los estilos
- Colores
El color predominante en el sitio es HEX #592383 , el cual se repite en varios encabezados de publicidades en varias ocasiones. La tipografía varia entre el negro y el blanco según en fondo el cual este aplicado.
