Página de destino bilingue para a aplicação Chillz

A Chillz N.L.E Ltd. precisava de uma página de destino bilingue moderna e profissional para apresentar a sua aplicação. O meu objetivo era conceber e construir uma página de destino com capacidade de resposta para ajudar a Chillz N.L.E Ltd. a atingir os seus objectivos. O resultado final deste projeto foi uma página de destino totalmente funcional e com capacidade de resposta.

Fase 1: Criação de conteúdo

Para dar início ao projeto, o cliente forneceu o conteúdo escrito e os activos que seriam referenciados e incorporados na conceção da página de destino. Juntos, determinámos a ordem mais lógica pela qual apresentaríamos a informação e quais os elementos visuais que melhor comunicariam cada caraterística.

Fase 2: Design & Desenvolvimento

Procurei inspiração no design da futura aplicação móvel da Chillz para contribuir para uma representação coesa da marca em todos os meios. Criei maquetas que mostram as funcionalidades da aplicação e decorei a página de destino com círculos e bolhas para imitar o ecrã principal da aplicação. O cliente queria animações proeminentes e alternadas que wow os seus utilizadores. Isto foi conseguido inicialmente com a animação do cartão Chillz. Eu queria transmitir que o cartão Chillz é um objeto físico que pode ser tocado e experimentado no mundo real, por isso dei-lhe a animação mais proeminente e usei transformações 3D no scroll para comunicar a sua fisicalidade.

‍

Fase 3: Funcionalidade bilingue & Otimização

A Chillz tem sede em Telavive, Israel, e serve principalmente esse mercado, pelo que foram necessárias versões em inglês e hebraico para tornar a página acessível a falantes de ambas as línguas. Criei um alternador de idiomas na secção do cabeçalho que alternava entre as duas versões, com o inglês como predefinição. Para criar a versão hebraica, primeiro tive de alterar a maior parte da orientação do conteúdo para da direita para a esquerda. Não só o hebraico é lido da direita para a esquerda, como também as imagens e os botões são vistos da parte superior direita para a parte inferior esquerda para os leitores da direita para a esquerda. Uma vez ajustada a disposição, substituí todo o texto em inglês por texto em hebraico. Ambas as páginas foram optimizadas para vários tamanhos de ecrã de computador, bem como de tablet e telemóvel. No entanto, tivemos um problema antes de finalizar o projeto. O layout não estava a ser apresentado corretamente para os utilizadores de Mac no Safari. Depois de algumas tentativas e erros, descobri que o problema era que quase todos os invólucros de imagem estavam definidos como flex stretch vertical, que o navegador Safari interpreta literalmente. Este problema foi rapidamente resolvido alterando o layout dos invólucros de imagem para flex center align, tornando a experiência quase universal em todos os principais navegadores da Web.

Chillz tem agora uma bela página de destino com animações envolventes que informarão os novos utilizadores e impulsionarão os downloads da aplicação.

Adorei o que conseguimos. Ótimo trabalho, Matthew.
- Yoav M.