Web bilingüe de Wayfarer Hotels
Diseñé y desarrollé el nuevo sitio web de Wayfarer Hotels, una cadena de hoteles inspirados en la comunidad con sede en Japón que conecta a los viajeros con la comunidad local.
Resumen del proyecto
Wayfarer Hotels es una cadena hotelera en expansión que actualmente cuenta con 2 establecimientos en Japón. Se pusieron en contacto conmigo para diseñar y desarrollar su nuevo sitio web y su objetivo era construir un sitio web que diera a los visitantes una sensación de sofisticación y profesionalidad.
Diseñé su sitio web en Figma y lo desarrollé en Webflow. A continuación, configuramos funciones interactivas como guardar los listados de negocios locales en su propia lista y habilitamos la funcionalidad bilingüe en inglés y japonés.
Ejecución
Estudio de mercado & Alineación visual
Cada uno de nosotros investigó a la competencia y buscó otros sitios web con diseños inspiradores. Después nos reunimos y compartimos nuestros hallazgos, señalando lo que nos gustaba y lo que no, y por qué. Esto nos ayudó a prepararnos para alinearnos en la dirección visual y construir sobre los wireframes preexistentes.
Diseño
El cliente proporcionó wireframes y recursos (fuentes, imágenes, etc.) para 4 páginas de la versión móvil. El sitio necesitaba entre 10 y 15 páginas en total. Tomé como referencia sus esquemas para móviles al crear los esquemas preliminares de 14 páginas. Esos wireframes se convirtieron en maquetas y se revisaron un total de 62 veces antes de pasar al desarrollo.
Nos reuníamos periódicamente para revisar los diseños en un grupo de unas 7 personas, discutiendo tanto los aspectos visuales como la experiencia general del usuario. Una vez aprobadas todas las maquetas, comenzó el desarrollo de la página de inicio.
Desarrollo
Empecé a desarrollar la página de inicio y, sección por sección, adapté el sitio real a las maquetas. Utilicé unidades REM para la tipografía y el espaciado adaptativos, y ajusté las consultas de medios para asegurarme de que la experiencia fuera similar en los distintos tamaños de pantalla. Las demás páginas siguieron el mismo camino.
Motor de reservas
Creé una sencilla barra de reservas que dirige al motor de reservas de los hoteles y que funciona con interacciones Webflow.
Funciones interactivas de la comunidad
También creamos funciones interactivas para guardar una lista de lugares favoritos en las páginas de la comunidad.
Funcionalidad bilingüe
Conseguimos funcionalidad bilingüe utilizando Weglot y añadimos código personalizado para ajustar el estilo del texto en función del idioma activo. El estilo de texto específico para la versión japonesa resolvió problemas en los que el texto japonés se cortaba a mitad de palabra.
Base de conocimientos & Formación
Creé una base de conocimientos con vídeos de formación y contenido escrito para ayudar a mi cliente a mantener y actualizar el sitio web por sí mismo.
Resultados
Wayfarer Hotels lanzó con éxito su nuevo sitio web en enero de 2022, y su equipo ha sido capaz de gestionar y actualizar el sitio web con nuevos contenidos con una orientación mínima.