Marcos Ramírez

Este mismo sitio: nueve servicios, seis productos digitales que se usan dentro del navegador y un panel para administrarlo todo.

• Panel de administración en PHP y MySQL: catálogo de servicios y productos, clientes con sus accesos, blogs y guiones del canal
• Seis productos que corren dentro del sitio (DeskFlow, MiniLab, Social Master Kit, Unfollow Detective, AI Suite y el Bundle), con acceso validado en el servidor contra el correo del comprador
• Diez endpoints en PHP con consultas preparadas, sin credenciales expuestas al navegador
• 46 páginas prerenderizadas con Puppeteer: cada ruta se entrega como HTML armado, con su schema y su canonical
• 52 pruebas de contrato que corren antes de cada publicación: si una regla se rompe, el despliegue no sale
• Dos rutinas automáticas semanales que escriben, validan y publican los blogs y los guiones del canal

Tienda de coleccionables (Pokémon TCG, Topps, Funko) que subasta en vivo, con un arcade propio de máquinas expendedoras donde cada tirada entrega producto real.

• Motor de economía en el servidor: calcula el valor esperado de cada máquina contra el costo real del inventario y la deja fuera de servicio si el margen cae debajo del mínimo
• Resultado auditable: la semilla se publica como hash antes de jugar y cada tirada sale de un HMAC-SHA256, con una página pública donde cualquiera puede comprobarlo
• 23 tablas en MySQL con llaves foráneas, índices que impiden registrar dos veces la misma tirada y dinero en decimal, nunca en flotante
• Panel de administración con once secciones, acceso por clave cifrada, límite de intentos por IP y bitácora de cada movimiento
• Salón en 3D con Three.js y seis mecánicas distintas: sobres, ruleta, dados, racha, grúa y rasca
• Progresión de jugador: niveles, logros, cosméticos, rachas de entrada y coleccionario
• Actividades sincronizadas con la transmisión en vivo: trivia, votaciones y metas colectivas
• Más de 12,000 líneas propias de PHP y JavaScript, sin framework

App de hábitos, journaling y meditación. La aplicación está en desarrollo; el sitio es su presencia pública y su lista de espera.

• Backend propio en PHP en lugar de conectar el navegador directo a la base de datos: antes la credencial viajaba dentro del JavaScript y cualquiera podía leerla
• API con respuestas tipadas y sesión por cookie del mismo origen, así el navegador nunca ve una llave
• Panel de administración para el contenido del sitio
• Captura de lista de espera para llegar al lanzamiento con gente ya interesada
• Términos y aviso de privacidad propios, no plantillas copiadas

Desarrolladora de proyectos verticales en Guadalajara y Zapopan, con 34 años de trayectoria y 52 proyectos.

• Panel de administración con inicio de sesión: tablero, CRM de prospectos por etapa, catálogo de proyectos y directorio de clientes
• Ocho tablas en la base de datos: proyectos, servicios, prospectos, blog, recursos educativos, documentos de intranet, plantillas de correo y ajustes del sitio
• Intranet para clientes con documentos, con su propio acceso separado del panel de administración
• Formulario de interés que clasifica al prospecto y lo deja listo en el CRM
• Animaciones con GSAP y Framer Motion, scroll suave con Lenis
• Cada ruta se entrega como HTML ya armado, prerenderizado con Puppeteer
• Suite de pruebas propia: formulario, blog, accesos, layout y enlaces

Agencia de relaciones públicas, comunicación y marketing estratégico en Guadalajara.

• Cada ruta existe como HTML propio, generado con vite-react-ssg: no es una aplicación que el navegador tenga que armar antes de mostrar nada
• Navegación con React Router y scroll suave con Lenis
• Páginas de especialidad sobre una plantilla compartida: agregar un servicio no duplica código
• Contacto directo por correo y WhatsApp, sin formulario intermedio ni base de datos que mantener

Block ligero de concreto celular para muros divisorios: siete espesores y entrega en tarima.

• Cotizador con endpoint propio que vuelve a validar todo del lado del servidor: lo que manda el navegador no se da por bueno
• Defensas del formulario: campo trampa, tiempo mínimo de llenado, límite de cinco envíos por IP cada quince minutos, verificación Turnstile y topes de tamaño en los archivos adjuntos
• Cada solicitud recibe folio y queda registrada aunque falle el correo: ninguna se pierde en silencio
• Panel en PHP y MySQL para editar variantes y ficha técnica, con historial de cambios y límite de intentos de acceso
• Construido con Astro: HTML estático por ruta y sitemap generado
• Contenido técnico propio: especificaciones, comparativas, instalación, preguntas frecuentes y blog

Desarrollo de 20 viviendas en Zapotiltic, Jalisco, con precio y esquemas de financiamiento a la vista.

• Toda la información del desarrollo en un solo archivo de configuración: precio, modelos y contacto se cambian en un lugar
• Secciones de modelos, galería, carrusel y ubicación armadas como componentes reutilizables
• Contacto directo por WhatsApp, sin formulario ni base de datos: una vivienda se cierra por conversación, no por correo
• Una sola página sin router: carga una vez y navega por anclas

Departamentos amueblados de una y dos recámaras en Puerto Vallarta, solo adultos, con rooftop y jacuzzi.

• Motor de reservas propio sobre base de datos: departamentos, reservaciones y fechas bloqueadas, para que no se empalmen dos estancias
• Cobro en línea con Stripe, con pantalla de confirmación mientras se verifica el pago
• Panel de administración con acceso por contraseña, límite de intentos fallidos y cambio de contraseña
• Consulta de reservación para el huésped, sin necesidad de crear cuenta
• Cinco correos automáticos con Resend: confirmación al huésped, aviso al propietario, pago fallido, recordatorio de llegada y seguimiento después de la salida
• Único sitio bilingüe del portafolio: la reserva funciona igual en español y en inglés

Consultoría de dirección estratégica de marca: branding, identidad visual y dirección de arte.

• Panel de administración con acceso por contraseña para actualizar el contenido sin tocar código
• Base de datos propia donde queda registrada cada solicitud, sin depender de un formulario que solo manda correo
• Flujo de cotización a medida, en lugar de un formulario genérico de contacto

Laboratorio de análisis clínicos con seis sucursales en el sur de Jalisco y más de 40 años de servicio.

• Datos estructurados para Google: el laboratorio como MedicalBusiness, cada una de las seis sucursales como MedicalClinic con su teléfono, dirección y horario, ocho estudios como MedicalTest y preguntas frecuentes
• Catálogo de estudios con filtros por etapa de vida y por categoría: el paciente encuentra su estudio sin llamar
• Buscador de sucursal por código postal que funciona sin servidor, con WhatsApp directo a cada sucursal
• Headers de seguridad en el servidor: HSTS, protección contra incrustación y contra tipos de archivo falsos
• Aviso de privacidad, términos y condiciones y página 404 propia
• Sitio estático sin base de datos: nada que actualizar ni atacar del lado del servidor

Plataforma de cobranza que prepara las notas de cargo mensuales del despacho y las deja listas para revisión humana antes de enviarlas.

• Base de datos en Supabase con 14 tablas, 10 tipos enumerados y 7 funciones, todas con seguridad por filas
• Tres roles con alcance distinto (administración, dirección y socio) resueltos en SQL, no en la pantalla
• 17 páginas funcionales: tablero, clientes, plan de cobranza, notas de cargo, cobros, tiempo invertido, tabulador y reportes
• Código de colores del Excel original conservado igual en la interfaz, para que el equipo lea el estado de cada cobro de un vistazo
• Reglas de negocio fijas: la plataforma nunca ejecuta movimientos bancarios y ningún texto de cobranza lo redacta una IA
• Pruebas automatizadas con Playwright: recorrido de las 17 páginas, 22 flujos de negocio, alcance por rol y enlaces rotos

Sitio del colegio con noticias administrables, una ruta de admisiones y un panel donde el propio equipo publica y recibe solicitudes.

• Sitio en Next.js con exportación estática: cada página se entrega como HTML ya armado
• Backend propio en PHP con PDO, sin frameworks ni Composer, porque el hosting solo corre PHP
• Nueve endpoints (tres públicos y seis del panel) con consultas preparadas
• Panel de administración en Vite con acceso por sesión: crear, editar, publicar y borrar noticias, y consultar solicitudes
• Tres tablas en MySQL (noticias, solicitudes y usuarios); el slug de cada noticia se genera solo y nunca se repite
• Aviso por correo de cada solicitud con Resend, sin librerías, y contraseña del administrador guardada con hash en la base

Sitio de un despacho de Guadalajara especializado en arbitraje, mediación, conciliación y negociación.

• Aplicación en React, TypeScript y Vite con rutas del lado del cliente: inicio, servicios, conócenos, equipo, contacto, aviso de privacidad, términos y página 404
• Datos estructurados LegalService con dirección, horario y catálogo de cuatro servicios, más hreflang para México
• Archivo llms.txt y sitemap para que buscadores y asistentes de IA entiendan el sitio
• Medición con Google Analytics 4 en modo de consentimiento v2 y aviso de cookies propio
• Reglas de caché en el servidor: HTML siempre fresco y CSS, JS e imágenes con caché de un año; cabecera HSTS activa
• Typecheck obligatorio antes de cada build y fuente reproducible contra lo publicado

Sitio de una sola página para una constructora de proyectos con contenedores en Jalisco, con galería de obra y contacto directo por WhatsApp.

• Galería de 21 proyectos en tres categorías (residencial, institucional y comercial) con 323 fotografías
• Script propio que lee el orden de fotos del cliente y genera WebP a 1600 px y miniaturas a 800 px, junto con el archivo de datos
• Visor a pantalla completa con navegación por teclado y carga diferida de imágenes
• Modo claro y oscuro que respeta la preferencia del sistema y recuerda la elección del visitante
• Datos estructurados LocalBusiness y FAQPage, hreflang es-MX, llms.txt y sitemap
• Aviso de privacidad, política de cookies y términos, con medición en Google Analytics 4 bajo consentimiento

Sitio de una página, en inglés, para un consultor de liderazgo y transformación de negocios que atiende a empresas en crecimiento en Estados Unidos.

• Nueve secciones de contenido en una sola página, de la portada al llamado final, con el sitio completo en inglés
• Prerender automático con Playwright en cada build: el HTML publicado ya trae el contenido, sin pasos manuales
• Animación con Framer Motion y GSAP, scroll suave con Lenis y respeto a la preferencia de movimiento reducido
• Modo claro y oscuro aplicado antes del primer pintado, para que la página no parpadee al cargar
• Datos estructurados ProfessionalService y FAQPage, además de política de privacidad, de cookies y términos
• Todos los botones de contacto abren un correo ya redactado, aprobado por el cliente

Sitio de un despacho legal y centro de mediación de Guadalajara, pensado para generar consultas por formulario y WhatsApp.

• Sitio estático escrito a mano en HTML, CSS y JavaScript, sin dependencias de compilación
• Siete secciones en la página principal: inicio, nosotros, áreas, mediación, equipo, testimonios y noticias, más contacto y llamado final
• Datos estructurados LegalService y metadatos para Open Graph
• Formulario con validación por campo, mensajes accesibles y campo trampa contra bots
• Accesibilidad: enlace para saltar al contenido, navegación por teclado, etiquetas ARIA y respeto a la preferencia de movimiento reducido
• Aviso de privacidad, política de cookies, términos y cabeceras de seguridad (HSTS y X-Frame-Options) en el servidor

Plataforma que analiza una prenda con inteligencia artificial a partir del enlace del producto o de una foto de su etiqueta.

• Evalúa los materiales de la prenda y le asigna una calificación de calidad del 1 al 100
• Función premium con avatar personalizado y visualización virtual de la prenda puesta
• Recomendación de talla calculada con el peso y la altura de la persona

Aplicación de seguridad dirigida a jóvenes, estudiantes y turistas en México.

• Herramienta que identifica si una noticia es real o falsa
• Mapas de calor con zonas de riesgo en Guadalajara, Monterrey y Ciudad de México, actualizados con información gubernamental y estadísticas
• Análisis de origen, destino y medio de transporte para evaluar el nivel de seguridad y recomendar la ruta más segura