Marcos Ramírez

Marcos Ramírez

Elevalia

Sobre mí

Soy desarrollador web y creador de soluciones con inteligencia artificial. Diseño y construyo sitios web, plataformas administrables y productos digitales que combinan estrategia, tecnología y experiencia de usuario. He desarrollado proyectos con bases de datos, paneles de administración, automatizaciones, sistemas de reservación, pagos y herramientas enfocadas en resolver necesidades reales de empresas y usuarios.

Agenda una llamada

30 minutos para revisar tu proyecto. Si prefieres no agendar, escríbeme por WhatsApp y lo vemos ahí.

Currículum

Conoce más sobre mi experiencia, formación y proyectos.

Portafolio

Cada sitio y sistema de este portafolio se construye y se opera con agentes de IA propios: investigan, escriben el código, corren las pruebas y publican contenido nuevo cada semana. Hoy son 9 sitios en operación. El SEO se trabaja con datos reales de Search Console, no con promesas de posiciones.

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

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
Ver el sitio

Proyectos escolares

Prototipos que desarrollé durante la carrera en el ITESO, Licenciatura en Negocios y Mercados Digitales. No son productos en operación: son ejercicios completos de concepto, diseño y desarrollo.

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
Ver el sitio

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
Ver el sitio