Caso de estudio

HyperV

Proyecto

01

Portafolio

03

Un e-commerce con ventaja.

E-commerce de software especializado en juegos de PC, mobile y emuladores, con un CMS hecho a medida para administrar el catálogo.

Servicios

Diseño UX/UIE-commerceCMS a medidaDesarrollo web
Portada de hyperv.online en escritorio
hyperv.online

Escritorio

Cliente
HyperV
Industria
Gaming / Software
Servicios
UX/UI · E-commerce · CMS
Stack
Next.js · Node.js · Supabase
Estado
En línea
El reto

Un catálogo vivo,compras sin fronteras.

HyperV vende software de rendimiento y seguridad para juegos como Free Fire, Valorant, Call of Duty y Counter-Strike. Su catálogo crece cada semana y su público compra desde cualquier país: eso pedía una tienda rápida, clara y confiable.

El reto fue triple: presentar decenas de productos cuyos nombres y versiones cambian seguido; abrir una ruta de compra sin fricción con pagos globales —PayPal, Yape, Plin, tarjetas y cripto—; y entregar un panel para que el equipo publique productos y promociones sin depender de un programador.

Catálogo que se actualiza solo

Un CMS a medida permite crear productos, fijar precios, marcar favoritos y editar características desde un panel. Sin escribir código ni esperar al equipo técnico.

Compra en pocos clics

La jerarquía de información lleva del juego elegido al checkout en pocos pasos, con los métodos de pago visibles desde el primer momento.

Diseño

Una interfaz pensadapara quien juega.

Una interfaz oscura, directa y hecha para su audiencia: el jugador necesita saber qué producto es, para qué juego sirve y cuánto cuesta en pocos segundos.

Tarjetas de producto de 16:9 con badges de confianza —indetectable y entrega inmediata—, listas de características cortas y precios en USD sobre una superficie casi negra (#030405), con el azul de marca de HyperV (#013173) y toques premium en ámbar (#FCD34D).

Tarjeta de producto Aimbot Color en hyperv.onlineBadge BEST
Tarjeta BEST — badge, entrega inmediata y precio
Tarjeta de producto Panel Android en hyperv.onlineFicha de producto
Características y precio, listos para comparar
“El 53% de los usuarios abandona un sitio que tarda más de 3 segundos en cargar.”
Google · Think with Google

Tipografía

Aa

Outfit

La tienda usa Outfit (Google Fonts).

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ · abcdefghijklmnñopqrstuvwxyz · 0123456789

Paleta

Primario

#013173

Primario claro

#0B5FC2

Superficie

#030405

Premium

#FCD34D

Info

#4DA3FF

Éxito

#4ADE80

Soluciones

Una tienda que se sientecomo un launcher.

El resultado es una tienda que se siente como un launcher de juegos: catálogo filtrado por título, fichas con precio y características, y un bloque de comunidad que empuja al Discord y al programa de afiliados.

Detrás, un CMS sobre Supabase que mantiene vivo el catálogo: cada producto nuevo, cada descuento y cada badge se publica desde un panel.

Catálogo por juego

COD Mobile, Warzone, Free Fire, Valorant, BloodStrike y Counter-Strike, con tarjetas destacadas y filtros por plataforma.

CMS a medida

Productos, precios, badges y promociones como el cupón HYPERV10 se administran desde Supabase, sin tocar código.

Pagos globales

PayPal, Yape, Plin, Visa, Mastercard, American Express, Mercado Pago y cripto, cobrando en USD.

Equipo y confianza

Vendedores oficiales con WhatsApp y Discord, más términos, política de privacidad y reembolso a la vista.

Comunidad integrada

Discord, afiliados y redes sociales empujan tráfico de vuelta a la tienda.

Misma tienda en todo dispositivo

De escritorio a emulador y móvil, con la ruta de compra intacta.

Tarjeta de producto Panel Full en hyperv.online
Ficha de producto — Panel Full
Tarjeta de producto Panel Secure en hyperv.online
Ficha de producto — Panel Secure
Identidad visual de HyperVIdentidad
Identidad visual de HyperV

Entregables

  • Diseño UX/UI
  • Front-end en Next.js
  • API y lógica en Node.js
  • CMS sobre Supabase
  • Integración de pasarelas de pago
  • Adaptación a móvil y rendimiento

Stack

Next.jsNode.jsSupabaseTailwind CSSTypeScript
Ver sitio en vivo

¿Tu operación necesita una solución a medida?

Cuéntanos qué necesitas y armamos el próximo caso de estudio juntos.

Hablemos de tu proyecto