Saltar al menú
Entrar
Salta al contenido
Entrar
Saltar al pie de página
Entrar
Wayfarer Hotels

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.

Contributors
Matthew Meredith
Diseñador web sénior
Herramientas utilizadas
Figma, Webflow, Jetboost, Weglot
Entregables
Maquetas, Sitio web, Base de conocimientos
¿Quieres trabajar con nosotros?
Ponte en contacto

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.

Artículos de blog relacionados

Puede que te guste uno de los siguientes artículos.

Administración de sitios web

Disfrute del diseño, el desarrollo y la garantía de calidad continuos para un sitio web, ya sea nuevo o ya existente.

Redacción SEO + Vídeo

Aumente el tráfico y las clasificaciones de sus motores de búsqueda con nuestros paquetes de SEO centrados en el contenido que atraen e involucran a su público objetivo.