Comenzamos el 2015 renovando completamente la web. Durante los últimos meses hemos estado trabajando con nuestros amigos de Creando Estudio Gráfico para conseguir un diseño que nosotros después pudiéramos programar y maquetar (para eso nos dedicamos a hacer webs) coherente con las secciones que tiene la web y la estructura de contenidos. Para nosotros, el resultado ha sido perfecto.
Los contenidos
Desde el principio de la web hemos dedicado mucho tiempo a categorizar los artículos de la web para que la información «fluya» hacia el usuario de una manera lógica y cómoda. Que la información sea fácilmente «encontrable» y con recomendaciones relacionadas para poder ampliar las lecturas.
Por este motivo hace unos meses, al empezar con la reforma de nosvamos.es modificamos ligeramente el árbol de categorías para que los contenidos tuvieran más sentido y para eliminar niveles (que todo el contenido esté a menos de 3 clics). Basamos estas categorías en una estructura por países y por ciudades y añadimos las Guías de viaje, sección que toma fuerza para ser una de las partes principales de la web.
En la vista por categorías, siempre tenemos disponibles las subcategorías del país por el que estamos navegando, en el caso de que existan. Por ejemplo, si estamos viendo los artículos de Tailandia, tenemos en la parte superior los accesos a las subcategorías.
El menú
Otro punto importante para mejorar la usabilidad en la web es un menú que sin tener mil opciones se pudiera acceder a todas las secciones de la web de una forma sencilla y en menos de 3 clicks desde la página por la que accedan los visitantes.
En este caso, y siguiendo la estructura de los contenidos creamos 3 secciones principales (Países, Guías de viaje y Ciudades) y añadimos la sección del especial Descubre Cantabria, nuestro programa de radio en el que pretendemos dar a conocer la maravilla que es nuestra región. Y finalmente una sección en el menú en el que aparece información sobre nuestros perfiles y un formulario de contacto.
Los super iconos diseñados por Creando Estudio Gráfico simulando comidas de los países que representan también son un «toque» genial. 😀
La portada
La portada no la teníamos demasiado clara, pero sabíamos que no podía ser una página sólo con los últimos artículos, ya que esa forma no muestra todo el contenido disponible de la web.
Decidimos mostrar un slider con fotografías (uno de los puntos más importantes de nosvamos.es son nuestras fotografías, todas realizadas por nosotros) junto a un texto explicativo de la web, el buscador y nuestros perfiles en redes sociales.
Le siguen los 3 últimos artículos publicados con lo que conseguimos una portada dinámica.
La tercera sección de la portada antes del pié de página es una sección fija que aparece en todas las secciones con 3 destacados a 3 columnas.
Las guías de viaje
La nueva sección de guías de viaje, la más llamativa y para nosotros una gran mejora para centralizar la información. Es una sección en la que se concentra toda la información relacionada con uno de nuestros viajes formada por un slide introductorio, un texto explicativo y datos de utilidad:
- Fecha del viaje, importante para valorar sobre todo la información de precios.
- Moneda y cambio en el momento del viaje.
- Acceso a todos los artículos del país separados por categorías
- Mapa en el fondo de la página indicando las ciudades o pueblos por los que pasamos.
Las guías de viaje son los puntos en los que se concentra TODA la información relativa a nuestros viajes, desde cada una de ellas lo encontrarás todo 😀
Los artículos
Es la parte más importante de nuestra web, y creo que de cualquier web de contenidos. La hemos dedicado mucho trabajo para conseguir darla esos toque que hacen de una web algo diferente.
La fotografía sigue teniendo un peso muy importante en los artículos.
Es la única sección de la web que sigue teniendo la barra lateral derecha (sidebar), si os habéis fijado, en el resto de sección hemos prescindido de ella ya que creemos que en nuestro concepto de web de contenidos no aporta nada.
Los comentarios los trasladamos a la barra lateral, en un formato destacado.
Por supuesto se pueden compartir en redes sociales, que sería de una web de contenidos sin ellas. Al final del artículo están las opciones de compartir en facebook, twitter y añadir el RSS a feedly, una de las aplicaciones que más se están utilizando actualmente para la lectura de feeds.
En la versión móvil añadimos la opción de compartir por whatsapp, otro punto importante a la hora de la lectura de artículos desde el móvil y sobre todo si hablamos de contenidos de viajes.
La parte técnica
Para los que os interese la parte técnica de una web os cuento alguna cosa.
Tanto Ruth como yo trabajamos en nuestra propia empresa, Aumentha en la que nos dedicamos a desarrollo web, programación, publicidad y marketing online. Por todo ello entenderéis que todo esto es trabajo nuestro.
Nosvamos.es está montada sobre un wordpress. Hemos desarrollado una plantilla completamente desde cero programándola siguiendo el diseño que nos han hecho nuestros amigos de Creando Estudio Gráfico. Aprovechando el framework CSS de bootstrap. Es totalmente responsive y adaptada a dispositivos móviles.
Para la sección de las guías, la más personalizable, hemos desarrollado una extensión que trabaja con la API de Google Maps para poder definir todos los datos de configuración del mapa mostrado, con una pequeña información que se introduce desde el administrador de wordpress al crear una página del tipo guía (coordenadas de centrado del mapa, nivel de zoom, lista de ciudades visitadas y categoría principal del país), la página se genera automáticamente incluyendo las categorías que incluyen artículos sobre el país de la guía y inserta los puntos en las ciudades visitadas en el google maps.