Caso de estudio: Royal Parks
| Título | Caso de estudio: Royal Parks |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Período | 2013-2013 |
| Asignatura | Construcción de Diseño Gráfico 4, |
| 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) | Josefina Borja |
| Profesor | Katherine Exss |
Caso de estudio sitio web Royal Parks http://www.royalparks.org.uk/home
Royal Parks
Sitio Principal
Estructura y Contenidos
En el estudio de Royal Parks, se realiza una descomposición de sus elementos, tanto de contenido informativo y gráfico. El objetivo es el estudio de las partes y su totalidad de su estructura. De este modo se lleva a cabo el análisis de la arquitectura de la información y contenidos del Sitio Web. En el primer encuentro con el sitio aparece un espacio limpio, concentrado netamente en información sobre los parques. El trabajo del color genera una asociación con el tema en el usuario, respondiendo a la paleta de colores del logo.
Home
En el inicio se encuentra una serie de elementos que enlazan a secciones del sitio o a otros sitios secundarios, a través del menú de navegación, imágenes con notas (slide), módulos y contenidos del footer.
- Elementos gráficos
- Como elementos gráficos en el inicio se encuentran en el header el logo del Royal Parks que determina la paleta de colores del sitio, y publicidad que lleva a la sección de What's on donde se presentan todas las actividades de la temporada.
- Luego en contenidos aparecen cuatro imágenes que cambian cada 5 segundos, las cuales llevan a distintas secciones del sitio. También los módulos presentan información que llevan a otras secciones o a sitios secundarios como http://www.supporttheroyalparks.org/.
- Finalmente el footer contiene información sobre los horarios de los parques e información del sitio.
header y contenidos
contenidos y footer
imágenes
Secciones
- PARKS
- En la sección de los parques aparece una serie de maneras para llegar al parque que se quiere visitar u obtener información.
- Caja lateral con la lista de los Royal Parks de Londres.
- Mapa interactivo el cual ilustra los parques en la ciudad. Al posar el cursor sobre alguno de los parques, o sobre alguno de los números que ordenan los parques en el mapa, ocurre un movimiento en el área en que está el parque y aparece su nombre. Luego al hacer click, aparece una caja de luz con una pequeña descripción e imágenes, las cuales cambian cada 3 segundos. Finalmente hay un enlace en la parte inferior derecha que lleva al sitio del parque.
- Módulos en el inferior con el nombre de cada parque y fragmento de imagen que llevan al sitio del parque elegido.
- Elementos gráficos
caja lista parques y módulos
mapa parques
- WHAT'S ON
- En ésta sección se presentan una serie de eventos, sobre los cuales se puede hacer click y obtener mayor información. Para acceder a una selección de contenidos está una caja lateral donde se puede seleccionar el tipo de evento según una categoría escogida, ya sea por parque, precio u otro.
- Elementos gráficos
menú de navegación
caja de contenidos y subtítulos
- PROJECTS / BE INVOLVED / PRESS / BUSINESS / ABOUT US
- En el resto de las secciones se mantiene el tipo de grilla y estructura, donde se presenta la información (a excepción de shop que se verá aparte). En estas secciones se mantiene una interacción similar a la del resto del sitio.
- Elementos gráficos
menú de navegación
caja de contenidos y párrafos
parques
Hyde Park
- Se accede a un parque desde la sección Parks. Tomando el ejemplo de Hyde Park, se observa una estructura limpia, que mantiene el estilo gráfico de todo el sitio en general.
- Aparece una gran cantidad de contenidos que se despliegan a partir de la caja lateral.
- La mayor interacción se presenta en el mapa, el cual visualiza la información ordenada por categorías, las cuales se identifican por color:
- Main attractions
- History & heritage
- Kids in the park
- Horticultire
- Eating & drinking
- Wildlife
- Sports & leisure
- Transport & info
- También aparecen miniaturas de imágenes al hacer clik en los puntos visibles en las distintas áreas del mapa, las cuales cambian cada 3 segundos.
- Presenta un link que enlaza a streetview y weather forecast.
- Elementos gráficos
caja contenidos
mapa instrucciones
mapa interactivo
mapa interactivo categorías
Richmond Park
Green Park
St James's Park
Greenwich Park
The Regent's Park
Bushy Park
Brompton Cemetery
Sitios Secundarios
En caso de Royal Parks, se presentan dos sitios secundarios, los cuales de cierta manera rompen con es estilo gráfico del sitio principal pero mantienen el trabajo de paleta de colores, con algunas intervenciones. El cuanto a los recursos gráficos e interacciones cambia completamente.
Press Image Library
http://www.royalparkspressimages.org.uk/
Press Image Library se presenta como un sitio bastante más simple, donde el propósito es entregar material fotográfico de los distintos parques en tres formatos diferentes. Como modo de organización, las fotografías son ordenadas por ubicación o por estaciones del año (Otroño / Invierno / Primavera / Verano). También presenta la posibilidad de tener una cuenta personal.
Home
-
- En el inicio se da la bienvenida al usuario, presenta una galería de imágenes, donde la imagen cambia automáticamente cada 5 segundos.
- Hay un filtro de álbumes por ubicación y estación del año.
- Galería de nuevas imágenes.
- Parques.
- Elementos gráficos
Parques
Imágenes
Filtro
Secciones
El trabajo gráfico es a través de la fotografía, debido al objetivo del sitio, que es una biblioteca de imágenes. Si bien, para poder descargar alguna imagen es necesario registrase.
- Bushy Park / The Upper Lodge Water Gardens
- Location
- Bushy Park
Support the Royal Parks
http://www.supporttheroyalparks.org/
A diferencia de Press Image Library, Support the Royal Parks es un sitio de mayor complejidad, donde los contenidos están enfocados en actividades realizadas en relación a los parques, tanto deportivas como de voluntariado, educativas, etc. Presenta una interacción que involucra al usuario en el sitio, a diferencia de los otros, tiene frases escritas en primera persona. Como elementos gráficos utiliza el recurso de imágenes, colores y texturas, dando énfasis a detalles de diseño que llamen más la atención del usuario.
Home
Secciones
Explore
Get active
Support the parks
Shop
About us
News & updates
Sitios Externos
Los sitios externos se diferencian fuertemente del The Royal Parks, entre ellos poseen un estilo de diseño que los relaciona, a pesar de ser muy diferentes, hay detalles que se identifican y se repiten de distinta manera.
Royal Parks Ultra
http://www.royalparksultra.com/
Royal Parks Half
Pulse 3k
Conclusiones
Se observa como modo general, una serie de diferencias en los sitios, en el trabajo de presentación de contenidos y elementos gráficos.
Grillas
A grandes rasgos, se observa en el sitio principal un gran cambio de grillas en cada sección del sitio. En cambio en los sitios secundarios, se observan grillas más regulares.
- Sitio Principal
grilla
- Presentación3.png
grilla
- Sitios Secundarios
- Presentación5.png
grilla press image library
- Presentación6.png
grilla support the royal parks
Comparación Sitios
- Presentación4.png
sitio principal y secundarios
- Presentación11.png
Paleta de colores
- Presentación7.png
sitios externos
Elementos gráficos
- Header
- Presentación8.png
sitio principal y secundarios
- Presentación9.png
sitios externos
- Footer
- Presentación10.png
sitio principal y secundarios
- Presentación..png
sitios externos
- Logo
- Presentación12.png
- Menú de Navegación
- Presentación13.png
- Caja de Contenidos
- Presentación14.png
sitio principal y secundarios
- Párrafos
- Presentación15.png
sitio principal y secundarios
