Website bilingue dos Hotéis Wayfarer

A Wayfarer Hotels é uma cadeia de hotéis em crescimento que tem atualmente 2 locais no Japão. Contactaram-me para conceber e desenvolver o seu novo sítio Web e pretendiam construir um sítio Web que transmitisse aos visitantes uma sensação de sofisticação e profissionalismo.

Concebi o seu sítio Web em Figma e desenvolvi-o em Webflow. Em seguida, criámos funcionalidades interactivas, como guardar as listas de empresas locais na sua própria lista, e activámos a funcionalidade bilingue em inglês e japonês.

Pesquisa de mercado & Alinhamento visual

Cada um de nós pesquisou a concorrência e procurou outros sites com designs inspiradores, depois reunimo-nos e partilhámos as nossas descobertas, apontando o que gostávamos e o que não gostávamos e porquê. Isto ajudou a preparar-nos para alinhar a direção visual e desenvolver os wireframes pré-existentes.

Design

O cliente forneceu wireframes e recursos (tipos de letra, imagens, etc.) para 4 páginas da versão móvel. O site precisava de cerca de 10 a 15 páginas no total. Tomei como referência os wireframes para telemóvel enquanto construía wireframes preliminares para 14 páginas. Esses wireframes transformaram-se em maquetas e foram revistos um total de 62 vezes antes de passarem ao desenvolvimento.

Reuníamo-nos regularmente para rever os designs num grupo de cerca de 7 pessoas, discutindo tanto os aspectos visuais como a experiência geral do utilizador. Assim que todas as maquetas de design foram aprovadas, iniciou-se o desenvolvimento da página inicial.

Desenvolvimento

Comecei a desenvolver a página inicial e, secção a secção, fiz corresponder o site real com as maquetas. Utilizei unidades REM para tipografia e espaçamento responsivos e ajustei as media queries para garantir que a experiência seria semelhante em diferentes tamanhos de ecrã. As outras páginas seguiram o exemplo.

Motor de reservas

Criei uma barra de reservas simples que direcciona para o motor de reservas dos hotéis e é alimentada por interacções Webflow.

Funcionalidades interactivas da comunidade

Também criámos funcionalidades interactivas para guardar uma lista dos seus locais favoritos nas páginas da comunidade.

Funcionalidade bilingue

Conseguimos uma funcionalidade bilingue utilizando o Weglot e adicionámos código personalizado para ajustar o estilo do texto com base no idioma ativo. O estilo de texto específico para a versão japonesa resolveu problemas em que o texto japonês era cortado a meio de uma palavra.

Base de conhecimentos & Formação

Criei uma base de conhecimentos com vídeos de formação e conteúdo escrito para ajudar o meu cliente a manter e atualizar o sítio Web por si próprio.

O Wayfarer Hotels lançou com sucesso o seu novo sítio Web em janeiro de 2022, e a sua equipa conseguiu gerir e atualizar o sítio Web com novos conteúdos com um mínimo de orientação.