Todos los proyectosCaso 05 / 05
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

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

