Web • Systems • Growth
Creamos experiencias digitales premium: desde desarrollo y rediseño UX/UI hasta mantenimiento de servidores, campañas y automatización CRM.
Todo lo necesario para una web que convierta, escale y se mantenga estable.
Web corporativa, landing pages y microsites con foco en velocidad, SEO y conversión.
Servidores y web: actualizaciones, backups, monitorización, seguridad y soporte.
Auditoría, arquitectura, copy, diseño y desarrollo para mejorar engagement y leads.
Identidad visual, tono, sistema de diseño y guidelines para un look premium y coherente.
Estrategia, creatividades y optimización continua para performance: leads y ventas.
Automatización de lead-to-customer: formularios, pipelines, emails, reporting y syncs.
Esta web está pensada para compartir y cerrar reuniones: clara, elegante y con foco en credibilidad.
Más proyectos en camino...
UX/UI + desarrollo. Mejoras de arquitectura y rendimiento, con copy orientado a conversión.
Landing de campañas con tracking y tests A/B. Integración con CRM y automatizaciones.
Hardening, backups, monitorización y soporte. Stack optimizado para estabilidad.
10 trucos rápidos para WordPress (Elementor, Bricks, Divi y más).
Activa scroll suave global con scroll-behavior y respeta prefers-reduced-motion.
:root{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
:root{ scroll-behavior:auto; }
}Reemplaza imágenes hero por degradados + blur + noise muy sutil.
background:
radial-gradient(1000px circle at 20% 10%, rgba(0,122,255,.35), transparent 60%),
radial-gradient(900px circle at 80% 30%, rgba(175,82,222,.28), transparent 55%),
linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.6));Envía lead a CRM por webhook y en error, lanza mailto para no perder conversiones.
// JS: try webhook, fallback mailto
fetch("/lead", {method:"POST", body: data})
.catch(()=> location.href = "mailto:alberto@apptov.com?subject=Lead");Define aspect-ratio en contenedores con imágenes o sliders.
.slider{ aspect-ratio: 16 / 9; }
.slider img{ width:100%; height:100%; object-fit:cover; }En móvil, prioriza position: sticky nativo (y testea iOS).
.sticky{
position: sticky;
top: 16px;
}Look premium con la misma familia del sistema: rápido, limpio y sin bloqueos.
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display",
"SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, system-ui, sans-serif;Menos módulos = menos CSS/JS. Mide con Lighthouse y repite.
- Desactivar icon fonts si no se usan
- Minificar + combinar cuando no rompa
- Lazy-load imágenes y iframes
- Precargar hero image (si existe)Page not found con CTA + seguimiento. Redirecciones limpias (sin cadenas).
/old-url -> /new-url (301)
evitar: /a -> /b -> /cMejora UX y cumplimiento con 2 reglas: focus y contraste de botones.
:focus-visible{ outline: 2px solid var(--accent); outline-offset: 3px; }Git + staging + checklist. Menos sustos, más estabilidad.
- Staging para pruebas
- Backups antes de updates
- Registro de cambios (changelog)
- Monitorización de uptimeBuscamos talento con ojo de producto y obsesión por el detalle.
Figma, design systems, prototipado, handoff impecable. Sensibilidad Apple-like.
Integraciones, automatizaciones, pipelines y reporting. Zapier/Make/HubSpot/others.
¿Quieres una propuesta? Escríbenos y te respondemos rápido.
Llamada rápida o email: lo que te venga mejor.
Consejo: comparte esta URL en tus propuestas. Es una one‑pager ligera y profesional, ideal para “primera impresión”.