dearfreeda.com
- Código
- Dear Freeda
- Equipa
Equipa
Design Web | Laura Rodrigues & Margaret Royena
Desenvolvimento Web | Guilherme Costa & Peter Curet
Sobre
A Dear Freeda é um estúdio criativo sediado nos EUA que cria experiências físicas e digitais através de design e marketing. Este projeto apresenta o website desenvolvido para a empresa, com um olhar mais atento a alguns dos seus componentes e interações mais marcantes. Visite o projeto em dearfreeda.com.
Desde o início e presente em todo o site, uma subtil pista visual surge na interface sob a forma de uma esfera flutuante. O elemento move-se pela página em trajetórias aleatórias e reposiciona-se à medida que os utilizadores fazem scroll no ecrã, alinhando-se com imagens e componentes. Sobrepõe-se ao conteúdo, seja à frente ou atrás dele, para criar profundidade e direcionar o foco visual.
Uma coleção de imagens de fundo, grandes e pequenas, utiliza um subtil efeito de paralaxe, deslizando suavemente a velocidades variadas para criar profundidade em camadas durante a navegação na página. Elementos selecionados incorporam um delicado efeito cintilante, acrescentando brilho e dinamismo que realçam a imersão, estabelecendo planos distintos de primeiro plano e de fundo que respondem independentemente à velocidade de rolagem.
Mais abaixo na página, ao passar o cursor sobre os títulos dos projetos selecionados, uma sequência de imagens surge de ambos os lados do ecrã e converge para o centro ao longo de uma trajetória suave em forma de onda sinusoidal, criando uma pré-visualização animada dos projetos.
Outro componente interativo notável é um grande arco com elementos de fruta flutuantes e giratórios, cada um representando uma virtude da empresa. A estrutura pode ser girada através de gestos de deslizar, botões ou selecionando elementos individuais para uma navegação mais precisa, combinando o movimento 3D com a navegação.
Cada página de projeto apresenta o seu conteúdo através de um layout estruturado horizontalmente, composto por secções modulares que combinam imagens de fundo com elementos visuais em primeiro plano sobrepostos. Estes elementos em primeiro plano apresentam um subtil efeito de paralaxe, introduzindo uma ligeira sensação de profundidade e movimento à medida que o utilizador navega pelo projeto.
anterior
C.R.T.D
próximo
Rui Oliveira
