Nueva web móvil del Museu d’Història de Catalunya
Inicio - Nueva web móvil del Museu d’Història de Catalunya
Nueva web móvil del Museu d’Història de Catalunya
El proyecto de web móvil del Museu d’Historia de Catalunya consiste en trasladar al entorno especÃfico del smartphone, de forma adecuada, sencilla y eficaz, la oferta museÃstica y la información más relevante para el usuario a la hora de realizar la visita tanto al museo como a los monumentos adscritos a éste, con el objetivo de aumentar las visitas fÃsicas.
Esta experiencia on line se puede ver aquÃ.
Datos del cliente
Client: Museu d’Història de Catalunya
CategorÃa: Movilidad, Lavert Online
Fecha: 31 Mar 2014
Ficha técnica
- Soluciones
-
Continuando la relación de colaboración y asesoramiento en la estrategia on line que mantiene con Lavert, el Museu d’Història de Catalunya, teniendo en cuenta los resultados de los análisis e interpretación de las estadÃsticas de acceso al web, nos ha encargado un nuevo web orientado a dar acceso a la oferta museÃstica y a la información sobre la visita desde el teléfono móvil, con el objetivo de mejorar su experiencia en la consulta de la oferta cultural del museo.
La solución se basa en:
Una arquitectura de la información sencilla y coherente que destaca la información más relevante, con el objetivo de aumentar las visitas fÃsicas al museo.
Una navegación ágil e intuitiva cuya usabilidad mejora de manera evidente el acceso a la información desde el teléfono móvil.
Un diseño especialmente pensado para el teléfono móvil que resalta visualmente la información más actual e importante.
Un desarrollo que se adapta a cualquier tipo de smartphone, ya sea Android o iPhone, con menús reconocibles por ambos sistemas operativos.
Lavert ha dirigido y coordinado el proyecto de forma integral, desde la conceptualización de la arquitectura de la información y la navegación, hasta la supervisión del diseño y el desarrollo, y el aporte de las soluciones más apropiadas a los diferentes requerimientos que han ido surgiendo.
- Recursos
-
El sistema permite recuperar información del web de escritorio (para facilitar la gestión de contenidos por parte del museo) y mostrar la oferta museÃstica y la información sobre la visita de forma adecuada a las necesidades del teléfono móvil.
Cuenta con un carrusel (slider) que destaca las exposiciones que se están llevando a cabo en el museo, un apartado con la información para el visitante (horario, tarifas, cómo llegar, etc.), un apartado sobre los servicios de que dispone el museo, una agenda con las exposiciones y actividades presentes y futuras, y un apartado de Monumentos adscritos al Museu d’Història de Catalunya.
El apartado de Monumentos recupera toda la información que hay en el web sobre cada uno de los monumentos, cuenta con un mapa de localización de todos los monumentos e identifica los monumentos más próximos al usuario a través de un sistema de geolocalización.
El web también muestra si el museo está abierto o cerrado en el momento en el que el usuario accede al web móvil.
Colaboradores:
à tica studio
Microblau
Proyectos relacionados
El Museu d’Història de Catalunya online es la versiÃ...
Leer mas
Ante la significación, importancia y carácter innov...
Leer mas
La exposición online “Catalunya i la Guerra de Succe...
Leer mas
La web Arqueoxarxa es el portal de la Red de Museos y Y...
Leer mas
input:focus,
select:focus,
textarea:focus {
border-color: #046a38;
}
a {
color: #046a38;
}
.radio i,
.checkbox i {
color: #046a38;
}
.radio i:before {
background-color: #046a38;
}
.button, .btn-default {
border-color: #046a38;
background-color: #046a38;
}
.button:hover {
color: #046a38;
}
.page-header-top {
background-color: #046a38;
}
.page-header-bottom-alt {
background-color: #046a38;
}
.page-intro:after {
background-color: #046a38;
}
.page-intro:before {
background-color: #046a38;
}
.page-content-section-bg {
background-color: #046a38;
}
.page-content-section-bg:before {
background-color: #046a38;
}
.page-content-section-border {
border-top-color: #046a38;
}
.page-footer {
background-color: #046a38;
}
.block-head-1 {
border-bottom-color: #046a38;
}
.block-head-1 i {
background-color: #046a38;
}
.block-head-2:after {
background-color: #046a38;
}
.block-head-2 i:after,
.block-head-2 i:before {
background-color: #046a38;
}
.block-head-3 {
border-bottom-color: #046a38;
}
.block-head-3 i:after {
background-color: #046a38;
}
.block-head-4:after {
background-color: #046a38;
}
.block-head-7 {
border-bottom-color: #046a38;
}
.block-head-7:after {
background-color: #046a38;
}
.page-content-section-bg .block-head-3 i {
color: #046a38;
}
.main-search button {
color: #046a38;
}
.main-search button:after {
background: #046a38;
}
.main-nav li a {
color: #046a38;
}
.main-nav li a:before {
background-color: #046a38;
}
.main-nav li ul {
background-color: #046a38;
}
.main-nav li li:hover > a,
.main-nav li li.active > a,
#block-newsletter-newsletter-subscribe .form-submit:hover,
.block-product-details .add-wishlist .button-alt:hover, .block-product-details-2 .add-wishlist .button-alt:hover {
color: #046a38;
}
.main-nav .switcher {
border-color: #046a38;
background-color: #046a38;
}
.main-nav .mega > div {
background-color: #046a38;
}
#block-newsletter-newsletter-subscribe .form-submit, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
border-color: #046a38;
background-color: #046a38;
}
.art-portfolio ol li.active, .ui-slider-horizontal .ui-slider-handle, .ui-slider-horizontal .ui-slider-range,
.btn-primary.link {
background-color: #046a38;
}
.btn-primary, .button:hover, .btn-default:hover, .btn-default:focus, .btn-default:active {
border-color: #046a38;
color: #046a38;
}
.btn-primary.link:hover, .btn-primary.link:focus, .btn-primary.link:active {
color: #046a38;
}
}
@media screen and (max-width: 767px) { /* phone */
.main-nav ul {
background-color: #046a38;
}
.main-nav li a {
color: #ecf0f1;
}
.main-nav li ul {
background: #e9e9e9;
}
.main-nav li li {
border-top-color: #046a38;
}
.main-nav li li a {
color: #046a38;
}
.main-nav li li a:hover {
background-color: #046a38;
color: #fff;
}
.main-nav li li ul {
border-top-color: #046a38;
}
.main-nav .mega ul li {
border-top-color: #046a38;
}
}
.slider-revolution .fa:after {
background-color: #046a38;
}
.slider-revolution .title {
border-top-color: 1px solid #046a38;
border-bottom-color: 1px solid #046a38;
}
.slider-revolution .button-my {
border-color: #046a38;
background-color: #046a38;
}
.slider-revolution .button-my:hover {
color: #046a38;
}
.pagination-1 a:hover {
border-color: #046a38;
color: #046a38;
}
.pagination-1 .active,
.pagination-1 .active:hover {
border-color: #046a38;
background: #046a38;
}
.pagination-2 a:hover {
color: #046a38;
}
.pagination-2 .active,
.pagination-2 .active:hover {
background: #046a38;
}
.pagination-3 a:before {
box-shadow: inset 0 0 0 1px #046a38;
}
.pagination-3 .active:before,
.pagination-3 .active:hover:before {
background: #046a38;
}
.pagination-4 a:hover {
border-color: #046a38;
}
.pagination-4 .active {
border-color: #046a38;
background: #046a38;
}
.pagination-5 a {
border-color: #046a38;
background-color: #046a38;
color: #046a38;
}
.block-benefits div:hover {
border-color: #046a38;
background-color: #046a38;
}
.block-benefits i {
color: #046a38;
}
.block-benefits-2 li i {
color: #046a38;
}
.block-benefits-2 .tabs a:hover {
border-color: #046a38;
background-color: #046a38;
}
.block-benefits-2 .tabs .active a,
.block-benefits-2 .tabs .active a:hover {
color: #046a38;
}
.block-benefits-3 i {
color: #046a38;
}
.block-about .button {
border-color: #046a38;
color: #046a38;
}
.block-about .button:hover {
background: #046a38;
color: #ecf0f1;
}
.block-about .owl-prev:hover,
.block-about .owl-next:hover {
color: #046a38;
}
.block-about-2 .bar {
background: #046a38;
}
.block-about-2 .value {
color: #046a38;
}
.block-about-4 .owl-pagination div {
border-color: #046a38;
background: #046a38;
}
.block-about-5 .owl-prev,
.block-about-5 .owl-next {
display: inline-block;
border-color: #046a38;
background-color: #046a38;
}
.block-about-5 .owl-prev:hover,
.block-about-5 .owl-next:hover {
color: #046a38;
}
.block-about-6 .icons a:hover {
color: #046a38;
}
.block-mission .year {
background: #046a38;
}
.block-mission .years a:after {
border-bottom-color: #046a38;
}
.block-recent-works ol li:hover {
color: #046a38;
}
.block-recent-works ol .active {
border-color: #046a38;
background: #046a38;
}
.block-recent-works .description {
background: #046a38;
}
.block-recent-works .description:before {
border-right-color: #046a38;
}
.block-recent-works-3 h3 {
border-top-color: #046a38;
}
.block-recent-works-3 .link {
border-color: #046a38;
}
.block-recent-works-3 .fancybox {
background-color: #046a38;
}
.block-recent-works-3 .owl-pagination div {
border-color: #046a38;
background: #046a38;
}
.block-recent-works-4:before {
background: #046a38;
}
.block-recent-works-4 .fancybox {
background: #046a38;
}
.block-recent-works-4 .owl-prev:hover,
.block-recent-works-4 .owl-next:hover {
color: #046a38;
}
.block-recent-works-6 a:before {
background: #046a38;
}
.block-recent-works-6 .owl-prev,
.block-recent-works-6 .owl-next {
border-color: #046a38;
background: #046a38;
}
.block-recent-works-6 .owl-prev:hover,
.block-recent-works-6 .owl-next:hover {
color: #046a38;
}
.block-portfolio ol li:hover {
color: #046a38;
}
.block-portfolio ol li.active {
border-bottom-color: #046a38;
}
.block-portfolio ul .pic span:after,
.block-portfolio ul .pic span:before {
background: #046a38;
}
.block-portfolio ul .pic span i {
color: #046a38;
}
.block-portfolio-2 ol li:hover {
color: #046a38;
}
.block-portfolio-2 ol li.active {
background: #046a38;
}
.block-portfolio-2 ul .pic:before {
background: #046a38;
}
.block-portfolio-2 ul .pic a {
background: #046a38;
}
.block-portfolio-2 ul .pic a:hover {
color: #046a38;
}
.block-portfolio-3 ol li:hover {
color: #046a38;
}
.block-portfolio-3 ol li.active {
background: #046a38;
}
.block-portfolio-4 h3 {
border-top-color: #046a38;
}
.block-portfolio-4 .link {
border-color: #046a38;
}
.block-portfolio-4 .fancybox {
background: #046a38;
}
.block-portfolio-5 ol li:hover {
color: #046a38;
}
.block-portfolio-5 ol li.active {
background: #046a38;
}
.block-portfolio-5 .info:before {
background: #046a38;
}
.block-portfolio-6 ol li:hover {
color: #046a38;
}
.block-portfolio-6 ol li.active {
background: #046a38;
}
.block-portfolio-6 ul a:before {
background: #046a38;
}
.block-portfolio-7 ol li:hover {
color: #046a38;
}
.block-portfolio-7 ol li.active {
background: #046a38;
}
.block-portfolio-7 ul li:before {
background: #046a38;
}
.block-portfolio-7 ul a:hover {
color: #046a38;
}
.block-portfolio-8 li div:before {
background: #046a38;
}
.block-portfolio-8 li a {
background: #046a38;
}
.block-clients .owl-prev,
.block-clients .owl-next {
color: #046a38;
}
.block-testimonials-3 .carousel h3 {
border-bottom-color: #046a38;
}
.block-testimonials-3 .owl-pagination div {
border-color: #046a38;
}
.block-testimonials-3 .owl-pagination .active {
background: #046a38;
}
.block-testimonials-4 .owl-prev,
.block-testimonials-4 .owl-next {
border-color: #046a38;
background: #046a38;
}
.block-testimonials-4 .owl-prev:hover,
.block-testimonials-4 .owl-next:hover {
color: #046a38;
}
.block-services li a {
border-color: #046a38;
}
.block-services li a:hover {
background-color: #046a38;
}
.block-services-2 li a:hover {
background: none;
}
.block-services-2 li a:after {
box-shadow: inset 0 0 0 2px #046a38;
}
.block-services-2 li a:hover:after {
background-color: #046a38;
}
.block-services-3 li a:hover {
background: none;
}
.block-services-3 li a:after {
box-shadow: inset 0 0 0 2px #046a38;
}
.block-services-3 li a:before {
background: #046a38;
box-shadow: inset 0 0 0 2px #046a38;
}
.block-services-3 li a:hover:after {
background-color: #046a38;
}
.block-services-4 li a {
border-color: #046a38;
}
.block-services-4 li a:hover {
background-color: #046a38;
}
.block-services-5 li i {
color: #046a38;
}
.block-services-5 li i:hover {
background: #046a38;
}
.block-services-6 h3 span {
color: #046a38;
}
.block-services-6 li a {
border-color: #046a38;
background: #046a38;
}
.block-services-6 li a:hover {
color: #046a38;
}
.block-services-7 .info i {
background: #046a38;
}
.block-services-7 .carousel .active {
background: #046a38;
}
.block-services-7 .carousel .owl-prev,
.block-services-7 .carousel .owl-next {
border-color: #046a38;
background: #046a38;
}
.block-services-7 .carousel .owl-prev:hover,
.block-services-7 .carousel .owl-next:hover {
color: #046a38;
}
.block-pricing dt {
color: #046a38;
}
.block-pricing .price:before {
background: #046a38;
}
.block-pricing li:hover .inner {
background: #046a38;
}
.block-pricing li:hover .button {
color: #046a38;
}
.block-pricing li:hover .button:hover {
background: #046a38;
}
.page-content-section .block-pricing .inner {
box-shadow: 0 0 0 1px #046a38;
}
.block-pricing-2 dt {
color: #046a38;
}
.block-pricing-2 .price {
background: #046a38;
}
.block-pricing-2 .button {
color: #046a38;
}
.block-pricing-2 li:hover .inner {
background: #046a38;
}
.block-pricing-2 li:hover .button:hover {
background: #046a38;
}
.block-progress li i {
border-color: #046a38;
color: #046a38;
}
.block-team-2 .pic:before {
background-color: #046a38;
}
.block-team-2 .icons a {
color: #046a38;
}
.block-team-3 .pic:before {
background-color: #046a38;
}
.block-team-3 .icons a {
color: #046a38;
}
.block-team-3 .info h3 {
color: #046a38;
}
.block-team-list .pic span:after {
background-color: #046a38;
}
.block-team-list .icons a:hover {
color: #046a38;
}
.block-team-list .icons a:before {
background: #046a38;
}
.block-team-list .skills {
border-top-color: #046a38;
border-bottom-color: #046a38;
}
.block-team-grid .pic:before {
background-color: #046a38;
}
.block-skills i:before {
background-color: #046a38;
}
.block-skills .bar {
border-color: #046a38;
background-color: #046a38;
}
.block-skills-2 i:before {
background-color: #046a38;
}
.block-skills-2 .bar {
border-color: #046a38;
background-color: #046a38;
}
.block-capabilities h3 {
color: #046a38;
}
.block-capabilities-2 h3 {
color: #046a38;
}
.block-recent-posts .info {
background-color: #046a38;
}
.block-recent-posts-2:before {
background-color: #046a38;
}
.block-recent-posts-2 li .button {
color: #046a38;
}
.block-recent-posts-2 li .button:hover {
background-color: #046a38;
}
.block-recent-posts-2 .button-more {
color: #046a38;
}
.block-recent-posts-2 .button-more:hover {
background-color: #046a38;
}
.block-featured-posts .pic:before {
background-color: #046a38;
}
.block-blog-list .link {
background: #046a38;
}
.block-blog-list .date:before {
background-color: #046a38;
}
.block-blog-list .date-alt {
background-color: #046a38;
}
.block-blog-list .zoom {
background-color: #046a38;
}
.block-blog-grid .link {
background: #046a38;
}
.block-blog-grid .date:before {
background-color: #046a38;
}
.block-blog-grid .pic:hover .date {
color: #046a38;
}
.block-blog-grid .zoom {
color: #046a38;
}
.block-blog-details .date:before,
.block-blog-details .reply:before,
.block-blog-details .type:before {
background-color: #046a38;
}
.block-blog-details .date-alt {
background-color: #046a38;
}
.block-blog-details .share a:before {
border-color: #046a38;
background: #046a38;
}
.block-blog-details .share a:hover {
color: #046a38;
}
.block-blog-details .about:before {
background: #046a38;
}
.block-catalog-toolbar .view a:hover {
border-color: #046a38;
color: #046a38;
}
.block-catalog-toolbar .view .active,
.block-catalog-toolbar .view .active:hover {
border-color: #046a38;
background: #046a38;
}
.block-catalog-toolbar .direction {
border-color: #046a38;
background: #046a38;
}
.block-catalog-toolbar .direction:hover {
color: #046a38;
}
.block-catalog-grid .pic:before {
background: #046a38;
}
.block-catalog-grid .badge {
background: #046a38;
}
.block-catalog-grid .price {
color: #046a38;
}
.block-catalog-grid .owl-prev,
.block-catalog-grid .owl-next {
border-color: #046a38;
background: #046a38;
}
.block-catalog-grid .owl-prev:hover,
.block-catalog-grid .owl-next:hover {
color: #046a38;;
}
.block-catalog-list .pic:after {
background-color: #046a38;
}
.block-catalog-list .badge:before {
background-color: #046a38;
}
.block-catalog-list .price {
color: #046a38;
}
.block-catalog-list .owl-prev,
.block-catalog-list .owl-next {
border-color: #046a38;
background-color: #046a38;
}
.block-catalog-list .owl-prev:hover,
.block-catalog-list .owl-next:hover {
color: #046a38;;
}
.block-product-details .price {
color: #046a38;
}
.block-product-details .button-alt {
color: #046a38;
}
.block-product-details-2 .button-alt {
color: #046a38;
}
.block-product-details-2 .share a:before {
background-color: #046a38;
box-shadow: 0 0 0 2px #046a38;
}
.block-product-details-2 .share a:hover {
color: #046a38;
}
.block-product-info .owl-prev,
.block-product-info .owl-next {
border-color: #046a38;
background-color: #046a38;
}
.block-product-info .owl-prev:hover,
.block-product-info .owl-next:hover {
color: #046a38;
}
.block-product-tabs .head .active {
color: #046a38;
}
.block-product-tabs .head .active:before {
border-top-color: #046a38;
}
.block-shopping-cart th {
border-top-color: #046a38;
color: #046a38;
}
.block-shopping-cart .price {
color: #046a38;
}
.block-shopping-cart .remove {
border-color: #046a38;
background-color: #046a38;
}
.block-shopping-cart .remove:hover {
color: #046a38;
}
.block-shopping-cart .quantity a {
color: #046a38;
}
.block-shopping-cart .empty td {
border-bottom-color: #046a38;
}
.block-shopping-cart-totals dd {
color: #046a38;
}
.block-shopping-cart-totals .button-alt {
color: #046a38;
}
.block-checkout-order td:last-child {
color: #046a38;
}
.block-checkout-payment label {
color: #046a38;
}
.block-welcome .icons i:after {
border-color: #046a38;
background: #046a38;
}
.block-welcome .icons a:hover i {
color: #046a38;
}
.block-pasteboard:before {
background: #046a38;
}
.block-pasteboard .icons a:hover {
color: #046a38;
}
.block-map-3 .block-head {
color: #046a38;
}
.block-contacts ul li:after,
.block-contacts ul li:before {
border-color: #046a38;
background-color: #046a38;
}
.block-contacts ul li:before {
background-color: #fff;
}
.block-contacts ul li span {
border-bottom-color: #046a38;
}
.block-contacts ul .active {
color: #046a38;
}
.block-contacts ul .active:before {
background-color: #046a38;
}
.block-contacts ol {
border-top-color: #046a38;
}
.block-contacts ol li {
color: #046a38;
}
.block-contacts ol li i:after {
background-color: #046a38;
}
.block-feedback .message i,
.block-feedback-2 .message i {
color: #046a38;
}
.block-not-found h3 {
color: #046a38;
}
.block-not-found .pic:before {
background-color: #046a38;
}
.block-not-found .pic div:before {
background-color: #046a38;
}
.block-not-found-2 .button {
color: #046a38;
}
.block-not-found-2 .button:hover {
background: #046a38;
}
.block-coming-soon li:before {
background-color: #046a38;
}
.block-coming-soon-2 li:after {
background-color: #046a38;
}
.widget-categories a:hover,
.widget-categories a.active {
color: #046a38;
}
.widget-top-posts a:hover {
color: #046a38;
}
.widget-text hr {
border-top-color: #046a38;
}
.widget-text em {
color: #046a38;
}
.widget-archive a:hover,
.widget-archive a.active {
color: #046a38;
}
.widget-tags a:hover {
color: #046a38;
}
.widget-categories-filter a:hover {
color: #046a38;
}
.widget-categories-filter .active {
color: #046a38;
}
.widget-categories-filter .active span {
background-color: #046a38;
}
.widget-price-filter .ui-slider-range {
background-color: #046a38;
}
.widget-price-filter .ui-slider-handle {
background-color: #046a38;
}
.widget-color-filter .active:before {
border-color: #046a38;
}
.widget-top-products .pic i {
background-color: #046a38;
}
.main-nav ul {
background-color: #046a38;
}
