Una integración comercial unidireccional conecta HubSpot con Asofix a través de Make y Google Sheets. Desde octubre de 2025, la automatización procesó 11.432 leads con validación y trazabilidad en cada envío.A one-way commercial integration connects HubSpot to Asofix through Make and Google Sheets. Since October 2025, the automation has processed 11,432 leads with validation and traceability on every submission.
Marketing OpsMarketing Ops
AutomatizaciónAutomation
IntegracionesIntegrations
HubSpot → Make → AsofixHubSpot → Make → Asofix
11.432leads procesados desde octubre de 2025leads processed since October 2025
01
El problemaThe problem
Los deals creados en HubSpot debían llegar a Asofix con un formato consistente, aun cuando los datos de origen variaban. El envío necesitaba distinguir qué registros estaban dentro del alcance del integrador y cuáles debían descartarse antes de tocar la API.Deals created in HubSpot needed to reach Asofix in a consistent format, even when source data varied. The submission process had to distinguish which records were within the integration's scope and which had to be discarded before reaching the API.
02
La soluciónThe solution
Diseñé e implementé un flujo unidireccional en Make. Antes de cada envío, el escenario valida los campos mínimos, mapea los orígenes y normaliza los datos mediante Google Sheets; recién entonces construye la solicitud y la envía a la API de Asofix.I designed and implemented a one-way workflow in Make. Before each submission, the scenario validates required fields, maps lead sources, and normalizes data through Google Sheets; only then does it build the request and send it to the Asofix API.
validar antes de enviarvalidate before sending
03
Trazabilidad operativaOperational traceability
Cada operación registra la respuesta de Asofix y separa los errores de los casos fuera de alcance. Los filtros y criterios de descarte dejan una pista clara para diagnosticar incidentes sin revisar manualmente todo el recorrido del lead.Each operation records Asofix's response and separates errors from out-of-scope cases. Filters and discard criteria leave a clear trail for diagnosing incidents without manually reviewing the lead's entire journey.
04
ResultadoOutcome
Desde la puesta en marcha en octubre de 2025, la automatización procesó 11.432 leads. El proceso comercial quedó conectado de punta a punta, con datos consistentes y visibilidad sobre la respuesta de cada envío.Since going live in October 2025, the automation has processed 11,432 leads. The commercial process is now connected end to end, with consistent data and visibility into every submission response.
Flujo de validación, normalización y envío de deals desde HubSpot hacia Asofix.Workflow for validating, normalizing, and sending deals from HubSpot to Asofix.
cada operación deja rastroevery operation leaves a trace
CasoCase study2026
Club Mendio — Sitio webClub Mendio — Website
Implementé el front-end de Club Mendio a partir de un diseño en Figma, convirtiendo la propuesta deportiva, social y natural del club en un sitio WordPress responsive y orientado a la reserva.I implemented Club Mendio's front end from a Figma design, turning the club's sports, social, and nature-led proposition into a responsive WordPress site built around bookings.
Desarrollo front-endFront-end Development
Implementación WordPressWordPress Implementation
del Figma a la reservafrom Figma to booking
01
El punto de partidaThe starting point
El diseño visual ya estaba definido en Figma. El desafío era llevarlo a producción y presentar con claridad una propuesta amplia: un predio de 17.000 m² donde conviven fútbol, pádel, gimnasio, naturaleza y vida social.The visual design was already defined in Figma. The challenge was bringing it to production while clearly presenting a broad proposition: a 17,000 m² site where football, padel, a gym, nature, and social life come together.
02
La implementaciónThe implementation
Construí el front-end en WordPress con Elementor y adapté la composición a distintos tamaños de pantalla. La implementación abarca la Home y las páginas El club, Actividades, Experiencia Mendio y Contacto, con una navegación y un sistema visual consistentes entre secciones.I built the front end in WordPress with Elementor and adapted the composition across screen sizes. The implementation covers the Home, The Club, Activities, Mendio Experience, and Contact pages, with consistent navigation and a shared visual system throughout.
03
Contenido y conversiónContent and conversion
La arquitectura separa la historia del club, sus actividades y la experiencia social sin fragmentar el recorrido. Los accesos a fútbol, pádel y gimnasio conviven con llamados a reservar por WhatsApp, consultar academias y contactar al equipo.The architecture separates the club's story, activities, and social experience without breaking the journey apart. Entry points for football, padel, and the gym sit alongside calls to book through WhatsApp, ask about academies, and contact the team.
de explorar a reservarfrom browsing to booking
04
ResultadoOutcome
El sitio quedó publicado como una traducción fiel del Figma: presenta el proyecto, ordena la oferta deportiva y conduce desde la exploración hasta la reserva o la consulta en una experiencia coherente con la identidad de Club Mendio.The live site is a faithful translation of the Figma: it presents the project, organizes the sports offering, and takes visitors from exploration to booking or enquiry in an experience aligned with Club Mendio's identity.
La propuesta combina deporte, accesibilidad y vida de club en una misma narrativa visual.The proposition brings sport, accessibility, and club life into one visual narrative.
deporte + vida de clubsport + club life
Contacto reúne indicaciones de acceso, mapa y formulario en un cierre directo del recorrido.Contact brings together access directions, a map, and a form to close the journey directly.
Implementé el front-end de Gordo Agencia a partir de un diseño en Figma y contenidos provistos, llevándolos a un sitio responsive en WordPress que conserva el carácter visual de la marca y puede administrarse desde el backend.I implemented Gordo Agencia's front end from a supplied Figma design and content, turning them into a responsive WordPress site that preserves the brand's visual character and can be managed from the backend.
El diseño y los contenidos ya estaban definidos. El desafío era traducir esa identidad expresiva —tipografía de gran escala, stickers, tickers y recursos animados— a una experiencia consistente en escritorio, tablet y mobile, sin perder capacidad de edición.The design and content were already defined. The challenge was translating that expressive identity —large-scale type, stickers, tickers, and animated elements— into a consistent desktop, tablet, and mobile experience without sacrificing editability.
02
La implementaciónThe implementation
Construí las cinco secciones del sitio en WordPress con Elementor y ACF, ajusté su comportamiento responsive e integré animaciones Lottie producidas con Jitter. El portfolio quedó resuelto como contenido administrable, con categorías, fichas que se abren en off-canvas y un manual de carga para el equipo.I built the site's five sections in WordPress with Elementor and ACF, refined their responsive behaviour, and integrated Lottie animations produced with Jitter. The portfolio was implemented as manageable content, with categories, off-canvas project details, and an upload guide for the team.
cinco secciones, un sistemafive sections, one system
03
Publicación y operaciónLaunch and operations
El trabajo incluyó entorno de desarrollo en Hostinger, migración al dominio definitivo, caché con LiteSpeed y hardening con Wordfence. También configuré SEO técnico con Yoast, datos canónicos, sitemap, Analytics, Search Console y Clarity; los formularios quedaron conectados con Google Sheets y correo; además, se implementó una automatización de emails en Make.The work included a Hostinger development environment, migration to the final domain, LiteSpeed caching, and Wordfence hardening. I also configured technical SEO with Yoast, canonical data, a sitemap, Analytics, Search Console, and Clarity; forms were connected to Google Sheets and email, while a separate email automation was implemented in Make.
04
ResultadoOutcome
El sitio quedó publicado con una implementación responsive, animaciones alineadas con la identidad de Gordo y un backend preparado para que el equipo actualice proyectos y contenidos sin intervenir el front-end.The site launched with a responsive implementation, animation aligned with Gordo's identity, and a backend that lets the team update projects and content without touching the front end.
Detalle de Soluciones con navegación por servicios y contenido administrable.Services detail with service navigation and editable content.
motion sin perder ediciónmotion without losing editability
La Home traduce la identidad visual del Figma a una composición responsive con stickers y animación.The homepage translates the Figma's visual identity into a responsive composition with stickers and animation.