Caso de estudio: Royal Parks

De Casiopea



TítuloCaso de estudio: Royal Parks
Tipo de ProyectoProyecto de Taller
Período2013-2013
AsignaturaConstrucción de Diseño Gráfico 4
Del CursoConstrucción 4º DG 2013
CarrerasDiseño Gráfico
Alumno(s)Josefina Borja
ProfesorKatherine Exss

Caso de estudio sitio web Royal Parks http://www.royalparks.org.uk/home

Royal Parks

Sitio Principal

Mapa de Navegación

Royalpaksmapa1.jpg

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.

Royalpakshome.jpg


  • Elementos gráficos
    1. 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.
    2. 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/.
    3. Finalmente el footer contiene información sobre los horarios de los parques e información del sitio.

Secciones

  • PARKS
Royalpaks-seccion-parks.jpg
  • En la sección de los parques aparece una serie de maneras para llegar al parque que se quiere visitar u obtener información.
    1. Caja lateral con la lista de los Royal Parks de Londres.
    2. 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.
    3. 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


  • WHAT'S ON
Royalparks-whatson.jpg
  • 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


  • PROJECTS / BE INVOLVED / PRESS / BUSINESS / ABOUT US

Royalpaks-seccion-projects.jpg

  • 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

parques

Mapa de Navegación

Royalpaks-parks-mapanavegacion.jpg

Hyde Park

Royalpaks-parks-sitio.jpg
Royalpaks-parks-sitiomapa.jpg
  • 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.
    1. Aparece una gran cantidad de contenidos que se despliegan a partir de la caja lateral.
    2. 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:
      1. Main attractions
      2. History & heritage
      3. Kids in the park
      4. Horticultire
      5. Eating & drinking
      6. Wildlife
      7. Sports & leisure
      8. Transport & info
    3. 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.
    4. Presenta un link que enlaza a streetview y weather forecast.
  • Elementos gráficos

Richmond Park

Parks5.jpg

Green Park

Parks3.jpg

St James's Park

Parks6.jpg

Greenwich Park

Parks4.jpg

The Regent's Park

Parks7.jpg

Bushy Park

Parks2.jpg

Brompton Cemetery

Parks.jpg

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.

Mapa de Navegación

Imagelibrarymapanavegacion.jpg

Home

Sitiossecundarios1.jpg
    1. 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.
    2. Hay un filtro de álbumes por ubicación y estación del año.
    3. Galería de nuevas imágenes.
    4. Parques.


  • Elementos gráficos

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
Sitiossecundarios.jpg
  • Location
Sitiossecundarios2.jpg
  • Bushy Park
Sitiossecundarios22.jpg

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.

Mapa de Navegación

Supporttherroyalparks.jpg

Home

Support.jpg

Secciones

Supportseccion.jpg


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/

Sitiosexternos.jpg

Royal Parks Half

http://royalparkshalf.com/

Sitiosexternos2.jpg

Pulse 3k

http://www.pulse3k.com/

Sitiosexternos3.jpg

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
  • Sitios Secundarios

Comparación Sitios

Elementos gráficos

  • Header
  • Footer
  • Logo
  • Menú de Navegación
  • Caja de Contenidos
  • Párrafos