Julián de Castro

Serendipity bus

Imagen del proyecto

Concepto

Rediseño de la imagen corporativa y la página web de la compañía de autocares Julián de Castro, en la que conviven dos facetas: servicio público (líneas de autobuses urbanos) y servicio discrecional (alquiler de autobuses para eventos privados).

Con este nuevo diseño pretendían, por un lado, modernizar la imagen de la compañía y, por otro, fomentar la parte privada del negocio.

Contexto

El sitio web original había sido publicado en los años 90. Al tratarse de una empresa familiar, formada en 1913, tiene mucha historia que contar; resulta muy atractivo pero también se traduce en contenidos como para llenar una llenar enciclopedia y un menú titánico.

Web antigua
Captura web antigua

Objetivo

Con este nuevo diseño se pretendía, por un lado, modernizar la imagen de la compañía y, por otro, fomentar la parte privada del negocio.

Reto principal

Estructurar toda la información utilizando una arquitectura adecuada y priorizando los contenidos principales.

Mi rol

Realizar las labores de investigación, junto con el equipo de desarrollo (Crequs, estudio de diseño).

Presentar una nueva identidad corporativa para la empresa, además de un diseño web más limpio y actualizado.

Colaborar con el equipo de desarrollo durante el proceso de implementación.

El proceso

  • Empatizar

  • Definir

  • Idear

  • Prototipar

  • Testar

  • Diseñar

  • Investigación de necesidades, entrevistas a stakeholders
  • Investigación cuantitiva, datos de uso
  • Investigación estudio de la competencia
  • Definición de problemas existentes en la web
  • Definición y descubrimiento, necesidades de las/os usiarias/os
  • Ideación
  • Prototipado
  • Testing del prototipo stakeholders
  • Diseño: capa visual

Investigación

El proceso de investigación consistió principalmente en reunirnos con las diferentes partes de la empresa: propietarios, equipo de desarrollo y personas usuarias del servicio de autobuses.

Por otra parte, consultamos los datos de uso de los que disponía la empresa, para cotejar con los resultados de las entrevistas y realizamos un estudio de la competencia, para ver que tipo de funcionalidades se solían añadir en los productos digitales del sector.

Insights principales
  • Dentro de la empresa existen dos tipos de negocios, público y privado, con dos objetivos diferentes.
  • Casi un 75% de las visitas a la web se realizan para consultar información relativa a las líneas urbanas.
  • La gran mayoría de las personas que aterrizaban en la web con este objetivo, se sentían abrumadas por la cantidad de contenido mostrado en la Home y terminaban abandonando su búsqueda.
La mayor parte de las personas aterrizan en la web con un objetivo claro: consultar información sobre las líneas urbanas.

Diseño

Necesidades
  • Diseño modernizado y coherente con la identidad corporativa.
  • Fácil acceso a la información de las líneas urbanas.
  • Dotar de mayor protagonismo al sector privado de la empresa (alquiler de autobuses).
  • Capacidad de añadir banners oficiales de manera temporal.
Decisiones de diseño
  • El color rojo corporativo lidera el diseño.
  • El primer módulo que se puede ver en la home es un buscador de líneas.
  • Mostrar la sección de “Alquiler de autobuses” tanto en la home como en el menú principal.
  • Habilitar un espacio en la Home para tal fin.
Prototipado

Para la confección de los wireframes, hicimos una revisión de las funcionalidades que realmente aportaban valor a las personas que visitaban el site y las reordenamos en forma de módulos.

Vista home, Hi-fi Wireframe
Vista home, Hi-fi Wireframe
Visual

Empecé la parte visual del proyecto centrándome en el branding de la marca. Basado en la obra del artista, Piet Mondrian: colores primarios y formas cuadradas. Una vez validado el diseño del logotipo e imagen de marca, lo apliqué a la web.

Vista home, con capa visual
Vista home, con capa visual

Resultado final

Diseño final, vista escritorio
Diseño final, vista escritorio
Diseño final, vista móvil
Diseño final, vista móvil

Proyecto realizado en colaboración con Crequs estudio de diseño

Crequs estudio de diseño