Benchmark Diseño desde el código

De Casiopea


TítuloBenchmarck Análisis de sitios web
AsignaturaDiseño desde el Código
Del CursoDiseño desde el Código 2019
CarrerasDiseño, 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)Marcelo Mondaca, Rodrigo Toro, Christian Gazmuri
URLhttps://docs.google.com/presentation/d/1lvt7OG7MpyhUGesYz5F7D ZCY9IRcd8y1GaVWm-snO4/edit?usp=sharing

Biblioteca PUCV

Portada biblioteca.jpg Despliegue menu biblioteca.jpg Sistema biblioteca.jpg

Nurture

https://www.nurturedigital.com

Nurture es una agencia de publicidad que crea y promueve campañas de vídeo online para marcas grandes y pequeñas.

Se eligió este sitio web por como muestra el contenido, la fácil navegación en ella y las transiciones de esta.


Menú

MA DC Menu19.gif

Aquí lo primero que vemos es el menú tipo hamburguesa que este sitio contiene, en el cual al hacer click podemos navegar por los principales temas del sitio de manera más especifica. No nos encontramos con un menú de hamburguesa normal, sino que este se despliega hacia la derecha, dejándonos ver los temas que contiene el sitio.

Navegación

MA DC 19.gif

Como se puede observar la navegación en el sitio es muy intuitiva y no necesita alguien quien indique que hacer o para donde ir. En este caso solo navegamos a través de ella con e scroll del mouse. El contenido ira apareciendo de manera automática, una pequeña descripción, al igual que las distintas opciones que podemos elegir.

MA DC NAV19.gif

Al entrar al "see all work" observamos que el muestreo de contenido se ve en vista más completa y podemos ir revisando cada uno de los trabajos de esta agencia a modo de portafolio.

Contenido

MA DC Contenido19.gif

Al hacer click para revisar uno de los trabajos, vemos como el contenido se muestra primero con una pequeña reseña, luego un vídeo a modo explicativo o de reseña del estilo de trabajo, luego al ir bajando aparece el contenido ya mas explicado en un texto de dos columnas, y a medida que bajamos observamos fotos del trabajo, y todo esto mientras se sigue viendo el vídeo a la izquierda.


Biblioteca Digital Mundial

https://www.wdl.org/es/

Es una de las bibliotecas digitales mas grande, tiene contenido variado y en distintos idiomas, todo los archivos están escaneados y de fácil acceso a todo publico.

Se usa este sitio web de referencia por su funcionalidad semejante a la que se tiene en mente a realizar, desde la navegación de la pagina, el motor de búsqueda que posee, el modo de mostrar los resultados de las búsquedas y como se ve el articulo en la pantalla.

Menu

RT DC 01.png

El sitio web comienza mostrando la barra de búsqueda centrada para un rápido acceso, mas abajo muestra los artículos destacados en un carrusel.

Buscador

RT DC 02.png RT DC 03.png

El resultado de la búsqueda es mostrado en una lista vertical en la que muestra una imagen, titulo y parte de un resumen del contenido del articulo, también da la opción de ver los artículos en una galería donde solo se ve la imagen y al poner el ratón sobre la imagen aparece el titulo de esta.

Al seleccionar un articulo este muestra toda su información y ademas da la posibilidad de descargar o mirar el archivo en la misma pagina.

RT DC 04.png RT DC 05.png

Right Side Coffee

MA DC Coffee 19.png

Museo del Prado

El Museo del Prado es una de las Páginas más completas e intuitiva, logrando que en cualquier ventana que se pinche, no se pierda el menú, es decir, siempre es visible lo que ofrece la página en su portada, lo que permite que sea agradable poder navegar por las distintas ventanas que se van desplegando.

  • Portada de la Página del museo, visualizaciones en PC y Smartphone
Portada museo.jpg
Portada museo celular.jpg
Portada museo celular menu.jpg
  • Selección Página Bicentenario
Pagina 1.jpg
Pagina 1 celular.jpg