Website bilingue dos Hotéis Wayfarer
Concebi e desenvolvi o novo sítio Web dos Wayfarer Hotels, uma cadeia de hotéis de inspiração comunitária sediada no Japão que liga os viajantes à comunidade local.
Project overview
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.
Execution
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.
Results
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.