Elija su idioma

Elija su idioma

El sitio web se ha traducido al Español con la ayuda de humanos e IA

Desestimar

Plataforma Web3 de BITKRAFT • Crear una experiencia de juego para futuros inversores

  • Cliente

    BITKRAFT

  • Soluciones

    ExperienciasPlatformWeb3Sitios web y plataformasStorytelling inmersivo de marcaServicios técnicosConsultoría tecnológica

00:00

00:00

00:00

Estudio de caso

0:00

Ready player two: el inicio de una innovadora asociación creativa.

BITKRAFT es una plataforma global de inversión en fase inicial centrada en los juegos, la Web3 y la tecnología inmersiva. Situada en la intersección de los mundos real y virtual, BITKRAFT invierte en el futuro de la "realidad sintética", conectando a financiadores con fundadores de juegos y tecnologías innovadoras. El equipo acudió a nosotros para rediseñar su plataforma web de modo que reflejara mejor esta identidad única y, al mismo tiempo, atendiera a sus dos públicos distintos: fundadores que valoran la visión, la creación de redes y la conexión personal, y financiadores que buscan una visión profunda, un historial probado y confianza.

Gamificación de la experiencia web inmersiva a través del diseño UX.

Con el objetivo de fusionar el mundo de los juegos y el de las inversiones de forma que ambos parecieran auténticos y dignos de confianza, implementamos elementos inspirados en los juegos en toda la experiencia del usuario. La secuencia de introducción está diseñada para reproducir la experiencia de iniciar un juego, en lugar de cargar una plataforma de inversión. La navegación por el sitio utiliza teclas WASD y un menú radial que recuerda el uso de un joystick, lo que refuerza la sensación de interfaz de juego.

El diseño inmersivo del sitio web se adapta al tipo de contenido que están viendo los visitantes. Por ejemplo, optamos por un diseño limpio y espacioso para atraer la atención del usuario con contenidos más abotonados, como páginas relacionadas con la carrera profesional. Sin embargo, al hablar de realidad sintética y otros contenidos visionarios, nos sumergimos en el espacio digital con fondos WebGL animados para dar un aspecto futurista.

Nuestro oficio

Elementos inspirados en los juegos

  • 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

Eche un vistazo a la tecnología que hay detrás de nuestro proceso de desarrollo web.

Gestionamos los datos utilizando DatoCMS, un CMS sin cabeza que nos permitió transmitir datos a nuestra construcción React y Next.js. Para los elementos 3D, creamos un framework WebGL interno. El carrusel de la página de personas se consiguió integrando GSAP, WebGL y perspectivas CSS y eventos de ratón, manteniendo los estándares de accesibilidad web a la vez que se creaba una sensación de profundidad y estratificación.

  1. Tecnología

    Una mirada más profunda entre bastidores • Inspirada en los videojuegos, la plataforma BITKRAFT tenía que ser divertida y fácil de navegar. Utilizamos una serie de soluciones técnicas para crear una experiencia de navegación satisfactoria.

  2. Nuestro proceso implicó una serie de retos clave: habilitar una experiencia lúdica teniendo en cuenta la accesibilidad W3C, integrarla con DatoCMS y crear más de 100 componentes dinámicos en dos temas diferentes (contenido y vistas digitales). El reto adicional: desarrollarlo todo en un plazo de sólo dos meses.

  3. Las transiciones dan vida a la experiencia de navegar por la página. Sincronizamos la escena WebGL con la posición de desplazamiento del usuario, armonizando la transición de un contenido al siguiente mediante el uso de sonido y animación.

  4. Para habilitar la representación HTML y la accesibilidad del teclado para el menú radial, aprovechamos las propiedades CSS como transformar, enmascarar y recortar, permitiendo la creación de una forma de menú circular. GSAP y los escuchadores de eventos mejoran la experiencia inspirada en los juegos.

  5. Inspirada en los juegos de cartas coleccionables, la página People integra GSAP, WebGL, perspectivas CSS y eventos de ratón. WebGL rastrea la posición y rotación de cada elemento, mientras que la manipulación de la posición Z crea sensación de profundidad.

  6. El frontend transmite datos dinámicos del CMS a WebGL, que renderiza los activos de cada marca en la página Portfolio. Utilizamos filtros CSS para mejorar la cohesión de los elementos WebGL y conseguir un efecto de cristal borroso.

  7. ¿Quiere verlo todo en acción? Explore la realidad sintética:

Arrastre
¡Para más!

Una experiencia de usuario innovadora para BITKRAFT.

Juntos creamos una plataforma web que ofrecía una experiencia de usuario auténtica y atractiva, adaptada a las necesidades tanto de los fundadores como de los financiadores. El sitio no sólo reflejaba la identidad única de BITKRAFT en el espacio del capital riesgo del juego, sino que también añadía valor al ofrecer una interfaz innovadora e intuitiva para la información y la navegación. Al incorporar elementos inspirados en los juegos y adaptar el diseño del sitio web al contenido, ayudamos a BITKRAFT a reforzar su identidad de marca y su compromiso con la realidad sintética. Esta plataforma inmersiva no sólo sirve como testimonio del enfoque innovador de BITKRAFT, sino que también establece un nuevo estándar para la experiencia del usuario.

Premios

  • 1x FWA

  • 1x Awwwards

¿Quiere hablar de experiencia? Póngase en contacto con nosotros.

Hey?

Rellene las siguientes preguntas rápidas para que nuestro equipo pueda ponerse en contacto con usted.

¿No tiene suficiente? Aquí tienes algunos trabajos relacionados

Elija su idioma

Elija su idioma

El sitio web se ha traducido al Español con la ayuda de humanos e IA

Desestimar