Escolha seu idioma

Escolha seu idioma

O site foi traduzido para Portuguese, Brazil com a ajuda de humanos e IA

Despedimento

Plataforma BITKRAFT Web3 • Criando uma experiência inspirada em jogos para futuros investidores

  • Cliente

    BITKRAFT

  • Soluções

    ExperiênciaPlataformasWeb3Sites e plataformasStorytelling de Marca ImersivoServiços técnicosConsultoria em Tecnologia

00:00

00:00

00:00

Estudo de caso

0:00

Ready player two: o início de uma parceria criativa inovadora.

A BITKRAFT é uma plataforma global de investimentos em estágio inicial focada em jogos, Web3 e tecnologia imersiva. Posicionando-se na interseção dos mundos real e virtual, a BITKRAFT investe no futuro da "realidade sintética", conectando financiadores com fundadores de jogos e tecnologias inovadoras. A equipe nos procurou para redesenhar a plataforma da Web e refletir melhor essa identidade exclusiva e, ao mesmo tempo, atender aos seus dois públicos distintos: fundadores que valorizam a visão, a rede de contatos e a conexão pessoal e financiadores que buscam uma visão profunda, um histórico comprovado e confiança.

Gamificação da experiência imersiva na Web por meio do design UX.

Com o objetivo de combinar os mundos dos jogos e dos investimentos de uma forma que parecesse autêntica e confiável para ambos, implementamos elementos inspirados em jogos em toda a experiência do usuário. A sequência de introdução foi projetada para reproduzir a experiência de inicialização de um jogo, em vez de carregar uma plataforma de investimentos. A navegação pelo site usa as teclas WASD e um menu radial que lembra o uso de um joystick, aumentando a sensação da interface de jogo.

O design imersivo do site se adapta ao tipo de conteúdo que os visitantes estão visualizando no momento. Por exemplo, optamos por um design limpo e espaçoso para atrair o foco do usuário com um conteúdo mais detalhado, como páginas relacionadas à carreira. No entanto, ao discutir a realidade sintética e outros conteúdos visionários, mergulhamos no espaço digital com fundos WebGL animados para dar uma aparência futurista.

Nosso ofício

Elementos inspirados em jogos

  • Form shaped outn o0f little white cubes is floating in a dark sky with stars. The logo for BITKRAFT is placed small at the bottom.
  • Dark with in light grey cards of an avatar with a name below it. One avatar is a futuristic woman, one looks like a dark lord and one like a warrior.
  • screenshot of the website

Conheça a tecnologia por trás do nosso processo de desenvolvimento de sites.

Gerenciamos os dados usando o DatoCMS, um CMS sem cabeça que nos permitiu transmitir dados para nossa construção React e Next.js. Para os elementos 3D, criamos uma estrutura WebGL internamente. O carrossel da página de pessoas foi obtido com a integração de GSAP, WebGL e perspectivas CSS e eventos de mouse, mantendo os padrões de acessibilidade da Web e criando uma sensação de profundidade e camadas.

  1. Tecnologia

    Uma visão mais aprofundada dos bastidores • Inspirada em videogames, a plataforma BITKRAFT precisava ser divertida e fácil de navegar. Usamos uma série de soluções técnicas para criar uma experiência de navegação satisfatória.

  2. Nosso processo envolveu uma série de desafios importantes: possibilitar uma experiência lúdica e, ao mesmo tempo, manter a acessibilidade W3C em mente, integrá-la ao DatoCMS e criar mais de 100 componentes dinâmicos em dois temas diferentes (conteúdo e visualizações digitais). O desafio extra: desenvolver tudo isso em um prazo de apenas dois meses.

  3. As transições dão vida à experiência de navegação na página. Sincronizamos a cena WebGL com a posição de rolagem do usuário, harmonizando a transição de uma parte do conteúdo para a outra por meio do uso de som e animação.

  4. Para permitir a renderização de HTML e a acessibilidade do teclado para o menu radial, aproveitamos as propriedades do CSS, como transformar, mascarar e recortar, permitindo a criação de uma forma de menu circular. O GSAP e os ouvintes de eventos aprimoram a experiência inspirada em jogos.

  5. Inspirada em jogos de cartas colecionáveis, a página People integra GSAP, WebGL, perspectivas CSS e eventos de mouse. O WebGL rastreia a posição e a rotação de cada elemento, enquanto a manipulação da posição Z cria uma sensação de profundidade.

  6. O front-end transmite dados dinâmicos do CMS para o WebGL, que renderiza os ativos de cada marca na página Portfolio. Usamos filtros CSS para aprimorar a coesão dos elementos WebGL e obter um efeito de vidro embaçado.

  7. Quer ver tudo isso em ação? Explore a realidade sintética:

Arraste
para mais!

Proporcionando uma experiência de usuário inovadora para a BITKRAFT.

Juntos, criamos uma plataforma da Web que ofereceu com sucesso uma experiência de usuário autêntica e envolvente, adaptada às necessidades dos fundadores e financiadores. O site não apenas refletiu a identidade exclusiva da BITKRAFT no espaço de capital de risco para jogos, mas também agregou valor ao fornecer uma interface inovadora e intuitiva para informações e navegação. Ao incorporar elementos inspirados em jogos e adaptar o design do site ao conteúdo, ajudamos a BITKRAFT a reforçar a identidade da marca e o compromisso com a realidade sintética. Essa plataforma imersiva não apenas serve como prova da abordagem inovadora da BITKRAFT, mas também define um novo padrão para a experiência do usuário.

Prêmios

  • 1x FWA

  • 1x Awwwwards

Quer falar sobre experiência? Entre em contato.

Ei👋

Preencha as seguintes perguntas rápidas para que nossa equipe possa entrar em contato com você.

Ainda não se cansou? Aqui estão alguns trabalhos relacionados para você!

Escolha seu idioma

Escolha seu idioma

O site foi traduzido para Portuguese, Brazil com a ajuda de humanos e IA

Despedimento