Saltar al contenido
// Menú

cRZR tech

Sitio de mi marca de servicios técnicos en Cancún: reparación de equipos, desarrollo web y consultoría. Optimizando hardware, desplegando software.

Rol
Diseño + Desarrollo
Cliente
Proyecto propio
Año
2026
Tipo
WEB
Stack
Next.js · React 19 · Tailwind CSS v4 · Framer Motion · TypeScript · Canvas API
Lighthouse móvil · sep 2026
90Rendimiento100Buenas prácticas100SEO
cRZR tech

Contexto

cRZR es mi marca de servicios técnicos en Cancún, Q. Roo. Cubre tres frentes: reparación de equipos, desarrollo web y consultoría. El sitio es su cara comercial, y tenía que transmitir en segundos que detrás hay alguien que entiende tanto el hardware como el software: “Optimizando hardware. Desplegando software.”

El Reto

  • Unir dos mundos en un solo mensaje: la reparación de equipos y el desarrollo de software suelen venderse por separado. La marca tenía que presentarlos como una sola propuesta coherente.
  • Una identidad visual con carácter: alejarse del típico sitio de “soporte técnico” y construir una estética propia, técnica y minimalista, sin perder legibilidad.
  • Interactividad que no pese: animaciones y detalles interactivos fluidos en móvil y escritorio.
  • Convertir visitas en conversaciones: un camino corto desde “me interesa” hasta hablar directamente conmigo.

La Solución

  • Hero tipográfico: el logotipo cRZR con tipografía geométrica y pixelada, y el lema escrito en vivo con cursor de terminal.
  • Piezas tipo Tetris flotando alrededor del hero, con parallax ligado al scroll, como metáfora de ensamblar hardware y software.
  • Cursor personalizado, textura de ruido y smooth scroll para reforzar la sensación de estar frente a una workstation.
  • Dos llamados a la acción claros desde el primer pantallazo: Contactar ahora y Ver servicios.
  • Contacto directo por WhatsApp, pensado para clientes que prefieren hablar antes que llenar formularios largos.
  • Next.js + React 19 + Tailwind CSS v4, con metadatos, sitemap y Open Graph generados desde el propio framework para posicionamiento local.

Resultado

  • Un sitio que funciona como carta de presentación de la marca: la propia web demuestra el nivel de diseño y desarrollo que ofrece.
  • Una identidad visual reconocible y consistente entre el sitio, las redes y los canales de contacto.
  • Un embudo de contacto de un solo paso, del primer vistazo a la conversación.

Galería

cRZR tech — vista de escritorio
cRZR tech — vista móvil