Viatges Magon, la mayor agencia de viaje de Menorca con 20 años de experiencia y 9 oficinas repartidas en todas las poblaciones de la isla, ha confiado en Binary Menorca y Context | estrategias online de marketing y negocio para planificar, diseñar y programa su nueva web de venta y reserva online de billetes de avión, hotel, viajes y actividades de ocio. Un proyecto que se inició hace un año con la creación de la página en Facebook Viajar desde Menorca.

El Diseño Web Centrado en el Usuario se caracteriza por asumir que todo el proceso de diseño y desarrollo del sitio web debe estar conducido por el usuario, sus necesidades, características y objetivos. Centrar el diseño en los usuarios (en oposición a centrarlo en las posibilidades tecnológicas o en nosotros mismos como diseñadores) implica involucrar desde el comienzo a los usuarios en el proceso de desarrollo del sitio: conocer cómo son, qué necesitan, para qué usan el sitio; investigar cómo es su experiencia de uso; e innovar siempre con el objetivo claro de mejorar la experiencia del usuario. Este ha sido el trabajo que Context | Estrategias online de Marketing y Negocio ha realizado para la nueva web del Consell Insular de Menorca.

El proceso de la Arquitectura de la Información

Según Wikipedia la “arquitectura de la información” es un proceso iterativo, transversal, que se da a lo largo de todo el diseño del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su producción y del desarrollo de la interfaz se cumplen de manera efectiva.

Con el fin de que la asimilación de contenidos por parte del usuario sea eficiente y efectiva, y para que el sitio sea accesible y usable, la Arquitectura de la Información como proceso en general, se encarga, durante el desarrollo de definir:

• El objeto, propósito y fines del sistema de información o sitio
• La definición del público objetivo y los estudios de la audiencia.
• La realización de análisis competitivos.
• El diseño de la interacción.
• El diseño de la navegación, esquemas de organización y facetación de los contenidos
• El etiquetado o rotulado de los contenidos para acceder a la información.
• La planificación, gestión y desarrollo de contenidos.
• La facilidad de búsqueda y el diseño de la interfaz de búsqueda.
• La usabilidad.
• La accesibilidad
• El feedback del resultado y los procesos de reingeniería del sitio.

Nuestro trabajo

Cuando la administración insular contrató a Antoni Febrer Barber de Context | Estrategias Online de Marketing y Negocio, el proyecto de renovación de su página web se encontraba técnicamente muy avanzado, aunque conceptual y organizativamente estaba totalmente estancado.

El problema radicaba en que el proyecto no se desarrollaba pensado en el usuario, sino en las necesidades organizativas y comunicativas de la propia administración, las cuales eran además muy diversas y hasta contradictorias.

En este punto, nuestro trabajo inicial consistió en definir los objetivos del sitio -primarios y secundarios-; las audiencias del portal con sus necesidades, requerimientos y conocimientos previos; y los recursos disponibles (humanos, tecnológicos, contenidos, etc…).

Posteriormente, nos centramos en el diseño conceptual, que consiste en definir el esquema de organización, el funcionamiento y la navegación del sitio sin tener en cuenta la apariencia que va a tener la web, sino simplemente el concepto mismo del sitio: su arquitectura de información. Así, la estructura del sitio web se refiere a las conexiones y relaciones entre páginas, así como la organización de la información, y el sistema de acceso a la misma (navegación). Se traba, sin lugar a dudas, del proceso más importante para el éxito (o el fracaso) de una página web.

Finalmente, nuestra participación en el proyecto incluyó también la elaboración de una nueva propuesta de diseño visual partiendo de la interface existente -pués se había trabajado mucho en ella. En este punto nuestro objetivo fue evitar la sobrecarga informativa, diseñando una interfaz teniendo en cuenta el comportamiento del usuario en el barrido visual de la página, y distribuyendo, por tanto, los elementos de información y navegación según su importancia en zonas de mayor o menor jerarquía visual. Un trabajo del que, sinceramente, nos sentimos muy satisfechos.

¿Nos das tu opinión sincera sobre este proyecto? Estaremos encantados de escucharte y de aprender a través de tu experiencia.

Disponer de una página web dinámica que nos permita posicionar nuestra empresa, servicio o actividad profesional no tiene porqué suponer necesariamente un coste elevado. Desde Context | estrategias online de marketing y negocio realizamos Proyectos Web con la plataforma de software libre WordPress, un sistema que nació inicialmente para crear blogs de manera rápida y sencilla, y que con el tiempo se ha convertido en un potente gestor de contenidos (CMS en inglés) que se adapta a cualquier necesidad: webs corporativas, webs profesionales, webs de producto, blogs, etc. A continuación os presentamos algunos de los proyectos web que hemos realizado para nuestros clientes con wordpress, entre ellos nuestra propia página web.

Las empresas menorquinas Binary y Context hemos realizado el nuevo Portal Oficial de Reserva Online de Hoteles y Apartamentos de la Federación Empresarial Hotelera de Mallorca (FEHM). Un proyecto que pretende potenciar la imagen de marca de Mallorca para captar clientes y dinamizar el servicio de reserva online de alojamiento de la FEHM.

Durante las últimas semanas la nueva web ha estado en periodo de pruebas y, en estos momentos, se están introduciendo los últimos contenidos estáticos con el objetivo de lanzar la versión definitiva en cinco idiomas durante el próximo mes de julio.

Arquitectura de la Información

Una de las fases más importantes del proceso de planificación y creación de la nueva web www.visitmallorca.com, ha sido la correspondiente a la Arquitectura de la Información, al tratarse de un proyecto que pretende convertirse en la más fiable y actualizada fuente de información turística de Mallorca (Baleares).

Para conseguir una estructura clara para los usuarios de la web nos hemos centrado en poner en valor la experiencia turística de los visitantes, organizando los contenidos entorno al proceso turístico completo: Antes (planifica, reserva e inspírate) Durante (descubre, actívate, diviértete, saborea y compra) y Después (comparte).

Contenidos estáticos y dinámicos relacionados

Con el objetivo claro de convertir la nueva web www.visitmallorca.com en referente de la información turística de la isla de Mallorca, se ha establecido un sistema dinámico de relación de los contenidos de manera que la creación de nuevos artículos (en el apartado “propuestas” de la sección “inspírate”) permita poner en valor cualquier información estática previa y viceversa. Es decir, el sistema permite relacionar ambos tipos de contenidos y presentarlos a los usuarios en diferentes secciones y apartados de la web para enriquecer su experiencia y facilitarle la búsqueda de información de su interés.

Así mismo, la portada se ha diseñado como un escaparate actualizado de Mallorca a través de cuatro secciones totalmente dinámicas:

• Propuestas: con artículos periódicos sobre la isla adaptados a las estaciones del año, los perfiles de los visitantes y los temas de mayor interés turístico.
• Recomendaciones: de lugares de interés, actividades, productos, servicios, etc., Para contextualizar y poner en valor los contenidos estáticos de manera temporalizada.
• Agenda: con la oferta de las actividades más interesantes de cultura, ocio, espectáculos, deportes, etc de la isla.
• Vídeo: pensado para ofrecer una visión rápida, ágil y moderna de Mallorca.

Lógicamente, la web se complementa con dos secciones centradas en ofrecer contenidos multimédia: fotos y vídeos.

Motor de reserva de alojamiento, y otros productos turísticos

Al tratarse de un proyecto financiado por la Cámara de Comercio de Mallorca, la web se ha planificado para permitir la integración y venta de cualquier producto turístico, además del alojamiento turístico ofrecido por la Federación Empresarial Hotelera de Mallorca.

En una primera fase el motor de reservas de hoteles y apartamentos se ha implementado a través de un iFrame de la plataforma de la FEHM, a la espera de una segunda fase en la que se realizará una total integración através de XML.

Posicionamiento SEO y SMO

El trabajo realizado no tendrá resultado si los usuarios no acceden a la web, y esto solamente es posible a través del posicionamiento en buscadores. Para mejorar los resultados de www.visitmallorca.com en las SERPs se han realizado las siguientes actuaciones:

• Palabras clave: se han trabajado desde el conocimiento del usuario, analizando y estudiando las pautas de búsqueda para crear las combinaciones que más se ajustan a las palabras que utilizan y que nos permitan posicionar la web por encima de la competencia. En este sentido, el SEO se ha planificado e implementado pensando en el site en su conjunto, pero trabajándolo en cada una de las páginas para conseguir un posicionamiento clave concreto, y en la programación de la web.
• Web social: además de  la sindicación de contenidos y la posibilidad de que los usuarios puedan compartir todos los contenidos de la web a través de sus perfiles sociales; se han creado canales de Facebook, Twitter, Flickr y YouTube de visitmallorca y se ha definido una estrategia de SMO (Social Media Optimization) centrada en generar tráfico cualificado y segmentado al portal web.
• Analítica web: lógicamente, monitorizamos y analizamos constantemente cada acción de los usuarios en la web para reconducir y mejorar cualquier estrategia, proceso o aspecto que no ofrezca los resultados marcados; reportando todo la información, datos y estadísticas a nuestro cliente.

Programación Web

Por su parte, Binary Menorca se ha encargado de realizar la programación de la web y de la gestión del hosting de la misma, destacando que:

• Se ha elegido el entorno de desarrollo Asp.Net 3.5 de Microsoft contra la base de datos SQL Server por su fiabilidad, seguridad, facilidad de desarrollo y rendimiento.
• Todos los accesos a datos son gestionados mediante procedimientos almacenados con el objetivo de conseguir:
  1. Mayor seguridad: se imposibilitan de esta manera cualquier tipo de ataque por inyección Sql.
  2. Mayor rendimiento: al estar precompilados, el rendimiento es superior a cualquier consulta Sql elaborada Ad-hoc.
  3. Total escalabilidad: han sido diseñados para poder soportar, tanto picos de carga, como un posible crecimiento de accesos a la web.
• Para el backoffice se utiliza el BinaryWebStudio, que ha demostrado un alto rendimiento y tener una interface muy intuitiva y amigable para facilitar el proceso de administración al cliente.
• Se han sido utilizados los controles de diseño web de Devexpress, reconocidos mundialmente por su calidad y rendimiento.
• En cuanto al hosting, se ha contratado un servidor específico de alojamiento en Cloud Computing (Autoescalable on demand) el cual permite soportar puntas de carga predecibles, como por ejemplo durante el verano en que se dan muchas más consultas que en invierno, como impredecibles o puntuales, por ejemplo al celebrarse algún evento especial que pueda provocar consultas en un día en concreto.

Segunda fase

Finalmente, tal como ya hemos comentado, el proyecto contempla la realización de una segunda fase en la que, entre otras mejoras, se propone:

• Definición de protocolo mediante XML de integración total entre AvantHotel y VisitMallorca.
• Libre integración de AvantHotel para visualización de hoteles y ofertas
• Diseño y desarrollo de pasarela de pago propia integrada con AvantHotel
• Búsqueda y reserva de otros productos (billetes, alquiler de coches, etc)
• Geolocalización de contenidos estáticos y dinámicos a través de google maps.
• Visualización en mapa de contenido geolocalizado por capas y elegible por el usuario.
• Aplicación para valorar los productos y servicios por los usuarios
• Cookie única: asignación de un número dinámico a cada navegador que permita recordar las preferencias de navegación del usuario.
• Visualización de páginas y contenidos en función de las navegaciones y selecciones elegidas por el usuario en visitas anteriores.
• Mi selección: repositorio de búsquedas realizadas por el usuario en cada sesión.
• SEO avanzado por idiomas con Bechmarking.

Sin lugar a dudas, se trata de un proyecto web muy ambicioso del que tanto Binary Menorca como Context | servicios para Internet nos sentimos muy orgullosos y, sobretodo, muy agradecidos por la confianza depositada por la Federación Empresarial Hotelera de Mallorca en nuestras empresas. Esperamos tus comentarios, valoraciones y propuestas de mejora.

Durante los últimos meses las empresas Binary Menorca y Context hemos estado trabajando en la nueva web de La Mola de Menorca | Fortalesa Isabel II. Os invitamos a visitarla (www.fortalesalamola.com) y a compartir vuestras opiniones, comentarios y sugerencias sobre el proyecto.