20-08-2008
Maestre Bikes Bilbao
Rediseño del Sitio Web
Construir un sitio Web no es como una prueba ciclista, donde se avanza y se avanza, y al final se cruza la meta y se termina la prueba.
Existe una diferencia significativa entre una prueba ciclista y un sitio Web. En la Web, la línea de meta es engañosa; cuando se cruza, es necesario empezar de nuevo al día siguiente.
En este artículo te contamos, a grandes rasgos, como hemos abordado este proyecto de rediseño de la Web de Maestre Bikes Bilbao.
Objetivo del Proyecto de rediseño
El objetivo principal del proyecto de rediseño de la web era potenciar la marca “maestre” en Internet, como modelo de referencia en el sector de la compra-venta de bicicletas.
Para lograr esto, hemos modernizando la imagen y servicios de la Web para convertirla en un sitio de referencia para el resto de tiendas del sector, como ya lo es ahora la tienda física de Bilbao.
Queremos ofrecer una serie de contenidos periódicos, de interés para los aficionados al ciclismo, que permitan ir creando una audiencia fiel, de forma que la Web se convierta en una herramienta de fidelización de clientes y en una apoyo comercial para la atracción de nuevos clientes y/o nuevas ventas a la tienda física (comunicado de promociones, ofertas, etc.).
Por último, queremos facilitar a los visitantes el detalle de la información técnica de los productos comercializados por Maestre Bikers Bilbao, incorporando progresivamente el catálogo de los productos más significativos que se comercializan en la tienda.
Alcance del Proyecto
Para garantizar el éxito del proyecto, planteamos su ejecución en fases para poder supervisar la adecuación de los trabajos a los objetivos establecidos, y poder emplear los recursos disponibles de la forma más ventajosa. Concretamente:
Fase 1: Especificaciones Funcionales del Sistema
En esta fase sentamos las bases de trabajo para el nuevo desarrollo Web. Para lograrlo con éxito, realizamos las siguientes tareas:
- Especificaciones de contenidos. Establecemos el enfoque editorial para el nuevo sitio Web y organizamos el plan de entrega de los contenidos. Esto nos permite garantizar la homogeneidad de los artículos publicados y disponer de los contenidos necesarios para abrir la nueva Web al público, en la fecha prevista.

Mapa del SitioEspecificaciones del sitio. Identificamos los distintos tipos de usuarios y los diferentes roles que pueden adoptar y establecemos una estructura de navegación de páginas adecuadas para todos ellos. Con esto conseguimos diseñar una navegación realmente sencilla y funcional, especialmente pensada para cada tipo de participante en la Web.
- Especificaciones de procesos. Definimos los procesos de gestión y mantenimiento de las tareas más importantes del nuevo modelo de Web: publicación de noticias, gestión de promociones comerciales, presentación de novedades, información de excursiones y publicación de nuevos artículos de venta en la tienda (con información técnica detallada).
Esto nos permite disponer de la información necesaria para diseñar interfaces de interacción con los usuarios realmente efectivas, a la vez que optimizamos los procesos de trabajo internos.

Esquema de páginasEspecificaciones de páginas. Diseñamos cada una de las pantallas del nuevo sitio Web buscando la mejor distribución de contenidos para simplificar al máximo su uso y reducir así, el período de aprendizaje de los usuarios. Además, los esquemas de las pantallas nos permiten realizar pruebas de uso de la herramienta Web antes de empezar a programar.
Fase 2: Diseño Técnico del Sistema
En esta fase diseñamos la aplicación informática. Para garantizar los resultados, acometemos las siguientes tareas:
- Creación del entorno gráfico. Creamos la imagen gráfica de la nueva Web a partir de los bocetos de pantallas aprobados en la fase anterior.
- Confirmación. Verificamos las propuestas de diseño funcional establecidas en la fase anterior mediante prototipos de navegación en “papel”.
- Entrega a producción. Elaboramos una guía de “estilo visual” a partir de los bocetos aprobados, para que el equipo de arte pueda diseñar todas las pantallas del nuevo sitio Web de forma homogénea.
Fase 3: Producción y Control de Calidad
En esta fase construimos el nuevo sitio Web y realizamos las pruebas funcionales necesarias para asegurar la calidad del producto. Concretamente:
- Preparación. Establecemos las necesidades de programación en función del prototipo aprobado y los procesos de trabajo analizados, y montamos la plataforma tecnológica necesaria para sustentar el nuevo espacio Web.
- Construcción. Desarrollamos los contenidos, programamos la aplicación, montamos el diseño gráfico en un prototipo funcional y diseñamos el plan de pruebas para garantizar un correcto funcionamiento de la Web.
- Control de calidad. Diseñamos y ejecutamos el plan de pruebas funcionales aprobado para la nueva Web.
Fase 4: Lanzamiento de la Web
Por último, necesitamos diseñar el proceso de transferencia de conocimiento para el equipo que se hará cargo del mantenimiento del sitio y diseñar un plan de lanzamiento adecuado. Para esto, proponemos:
- Entrega a mantenimiento. Creamos el paquete de entrega del proyecto, con todos los archivos necesarios para montar la nueva Web y revisamos la documentación generada para asegurarnos que refleja los últimos cambios.
- Lanzamiento. Abrimos la Web al público y desarrollamos el plan de publicidad inicial que incluye, entre otras actividades, el posicionamiento del nuevo sitio en los principales buscadores de Internet.
Fase 5: Mantenimiento
Ahora solo nos queda acometer todas las tareas diarias encaminadas a obtener el máximo beneficio del nuevo sitio Web:
- Generación periódica de artículos relacionados con el mundo del ciclismo
- Investigación de las estrategias de la competencia en la Red.
- Generación y análisis de las estadísticas de accesos y modificaciones de estructura, contenidos o servicios de la Web, en función de los datos obtenidos.
- Análisis del comportamiento de los usuarios en la Web, para identificar nuevas oportunidades de negocio o de mejora.
- Ajuste de la estrategia de posicionamiento de los servicios especializados de la Web.
- Actualización de la imagen gráfica y la programación en función de las necesidades detectadas tras los análisis de datos efectuados.
Artículos Relacionados