Essential MICE

Contexto

Esther es licenciada en Turismo y trabajó durante varios años para diferentes hoteles. En un momento, comenzó a trabajar en la industria de eventos dentro del sector del turismo de negocios. Después de un tiempo, decidió montar su propia marca, Essential MICE, una consultora enfocada en turismo de negocios y eventos. Se puso en contacto conmigo porque necesitaba un sitio web para presentar sus servicios.

Por cierto, en caso de que alguien se lo pregunte, MICE son las siglas de Meetings, Incentives, Conferences & Exhibitions (es decir, Reuniones, Incentivos, Conferencias y Exposiciones).

Solución propuesta

Esther tenía muy claro desde el principio cómo debía ser su web. Sabía lo que le gustaba y lo que no y cómo quería que se estructurase.

Algunos puntos clave eran los siguientes:

• Aspecto atractivo pero sofisticado.
• Los textos serían, en general, breves.
• Estructura simple

Esther me proporcionó algunos esquemas hechos a mano de cómo quería que se viera cada sección, y también me envió una paleta de colores que luego incorporé en el sitio web. Creé los diseños usando WordPress y los personalicé con código CSS para acabar de afinar el resultado. También elegí las tipografías, ajusté sus tamaños y escogí los colores a partir de la paleta que me había facilitado.

Aunque el resultado final pueda parecer sencillo, no lo es. El diseño fue hecho a medida y hubo que retocarlo para que funcionara correctamente en pantallas de dispositivos móviles (tabletas y smartphones). A continuación comento cuáles fueron los desafíos técnicos a los que me enfrenté.

Desafíos técnicos

El proyecto me ofreció varios desafíos:

• Esther quería que cada sección de la web ocupara el 100% del viewport (es decir, toda la altura de la pantalla). Esto requiere encontrar el equilibrio adecuado entre contenido y espacios en blanco, y garantizar que se vea bien en diferentes dispositivos.
• También quería una cuadrícula/matriz que mostrara una lista de sus servicios. Aunque parece simple, tuve que trabajar mucho para conseguir una cuadrícula que:
  • Llena el 100% de la altura de la pantalla.
  • Se ve bien y se puede leer en pantallas más pequeñas.
  • Los elementos que la componen se apilan correctamente en dispositivos móviles, con imágenes y títulos de servicios que se muestren en el orden correcto
• Como el sitio web no tenía mucho contenido, optamos por una implementación de una sola página. Esto creaba sus propios retos, ya que algunos contenidos requerían su propia página (p. ej. política de cookies, aviso legal, etc.) y esto generó problemas con el menú.
• Probé diferentes implementaciones de las descripciones de los servicios (se puede hacer clic en los nombres de los servicios en la cuadrícula), y al final optamos por una solución en forma de pop-up (ventana emergente).
  • La razón principal es que Esther quería que cada descripción de servicio llenara la pantalla. Una ventana emergente es una buena forma de hacerlo y que tiene sentido en el contexto de los sitios web. Por otro lado, si las descripciones de los servicios se colocaran en una sola página, una tras otra, el lector podría tener la impresión de que no había más contenido para leer, especialmente en pantallas más grandes o con mayor resolución.
  • Como beneficio adicional, esta implementación también resolvió un problema técnico relacionado con el desplazamiento automático dentro de la página.

Beneficios

El objetivo principal de Esther era tener un sitio web para su negocio recién creado, que pudiera utilizar para presentarse y presentar sus servicios a sus clientes potenciales. También quería poder cambiar fácilmente los textos o las imágenes si fuera necesario.

Aunque estos son los principales beneficios, el sitio web también:

• Cumple con el RGPD (Reglamento General de Protección de Datos)
• Se hacen copias de seguridad de forma regular, de forma que si algo va mal, la información se podrá recuperar.
• En ocasiones, los formularios de contacto pueden dejar de funcionar si el servidor bloquea el envío de correos electrónicos. Para evitar problemas, el sitio web almacena los formularios enviados para que nunca se pierdan.