Ray Martín logo

Ray MartínFullstack Product Developer

I design and ship end‑to‑end digital products with Next.js, Node.js, and edge runtimes. I integrate Stripe, Sumsub (KYC/AML), Magic Link, and Web3 wallets to deliver secure onboarding, scalability, and great UX.
Download CV — EN (Hero)
4+

years of experience

10+

projects delivered

Performance (Core Web Vitals)Accessibility (WCAG 2.2)Security & authentication
Next.jsTypeScriptTailwind CSSReact NativeExpoPostgreSQLPrismaZod

Servicios

Construyo experiencias digitales sólidas, rápidas y accesibles con un enfoque en negocio.

Producto UI & Frontend

Interfaces rápidas y consistentes con foco en conversión y usabilidad.

  • Diseño UI/UX y design systems
  • Optimización de Core Web Vitals
  • Accesibilidad WCAG 2.2

Backend e Integraciones

APIs robustas, workers y data flows listos para escala.

  • Integración de APIs REST/GraphQL
  • Modelado de datos y rendimiento
  • Prisma, Supabase y PostgreSQL
  • Pagos, billing y webhooks con Stripe
  • Flujos KYC/KYB con Sumsub y compliance
  • Onboarding Web3 con Magic Link y wallets

Seguridad y Autenticación

Autenticación segura, antifraude y protección de endpoints.

  • Anti‑bots y validaciones invisibles
  • Rate limits y protección de endpoints
  • OAuth con Google, Apple y GitHub
  • Sesiones seguras y buenas prácticas

DevOps y Entrega

Entregas observables con performance predecible.

  • CI/CD con Vercel y GitHub Actions
  • Edge y caching inteligente
  • Monitoring, alertas y métricas

Experiencia profesional

Trayectoria en startups, consultoría y productos digitales con impacto medible.

Desarrollador Fullstack de Producto

2025 - Actualidad
Freelance

Desarrollador Freelance

01/2021 - 12/2024
Freelance

Desarrollador Frontend

11/2021 - 12/2022
Metary Platform

Analista de Datos

06/2020 - 05/2021
ButlerScientific, S.L.

Desarrollador Frontend

05/2019 - 06/2020
Raúl López

Skills

Technical stack, tools, and methodologies built for high-impact products.

Modern UI/UX design with React, Next.js, and Tailwind CSS • Scalable backend with Node.js, Prisma, and Supabase • Applications with Next.js, React, and Expo • Responsive experiences across all devices • Data management with PostgreSQL, Prisma, and Firebase • REST/GraphQL APIs, Stripe, Sumsub (eKYC), Magic Link, and Web3 • Version control with Git and GitHub • Automated deploys with Vercel and Expo • Clear, maintainable technical documentation • Cloud services across AWS, GCP, and Vercel • Mobile app development with React Native and Expo • Unit, integration, and E2E testing • CI/CD automation with GitHub Actions • Web security and data protection • Performance optimization and Core Web Vitals • WCAG 2.2 compliant development • Analytics with Google and Vercel
Product UI & frontend systems
  • Next
  • React
  • React Native
  • iOS
  • Android
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • TailwindCSS
  • Responsive Design
Back-end development
  • Node
  • Expo
  • PostgreSQL
  • Prisma
  • Supabase
  • Docker
  • SQL
  • AdonisJS
  • Express
  • Firebase
  • Stripe
  • Sumsub eKYC
  • Magic Link
  • Web3 / Wallets
Tools & platforms
  • Vercel
  • Github
  • Expo App's Services
  • Postman
  • Insomnia
  • Zapier
  • Trello
  • Jira
  • Figma
  • Dbngin
  • Heroku
  • Postico
Languages
  • Spanish
  • English
  • French
Methodologies
  • Agile
  • Scrum
  • Kanban
  • Lean
  • Design Thinking
Education and certifications
  • Responsive Web Design
  • JavaScript Algorithms and Data Structures
  • Tourism Degree (ULPGC)

Modern UI/UX design with React, Next.js, and Tailwind CSS

Scalable backend with Node.js, Prisma, and Supabase

Applications with Next.js, React, and Expo

Responsive experiences across all devices

Data management with PostgreSQL, Prisma, and Firebase

REST/GraphQL APIs, Stripe, Sumsub (eKYC), Magic Link, and Web3

Version control with Git and GitHub

Automated deploys with Vercel and Expo

Clear, maintainable technical documentation

Cloud services across AWS, GCP, and Vercel

Mobile app development with React Native and Expo

Unit, integration, and E2E testing

CI/CD automation with GitHub Actions

Web security and data protection

Performance optimization and Core Web Vitals

WCAG 2.2 compliant development

Analytics with Google and Vercel

Sobre mí

Soy desarrollador fullstack de producto y lidero el ciclo completo: discovery, UX, desarrollo, despliegue y mejora continua.

Trabajo con Next.js, React, Node.js, PostgreSQL y edge runtimes para construir plataformas rápidas, accesibles y seguras.

Colaboro con startups y scale-ups como freelance, integrando Stripe, Sumsub, Magic Link y Web3 para convertir, cumplir compliance y escalar.

Proyectos destacados

Selección de trabajos recientes

Selección de productos digitales entregados con foco en rendimiento, accesibilidad y resultados de negocio.

Ver proyecto — Naranest - Aplicación de Seguimiento de Bebés

Naranest - Aplicación de Seguimiento de Bebés

Aplicación completa para registrar tomas, sueño, pañales, crecimiento, actividad y eventos médicos. Incluye autenticación con Google, colaboración multiusuario, métricas en dashboard, notificaciones en tiempo real y suscripciones con Stripe.

100
Rendimiento
96
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — Aurantis

Aurantis

Plataforma de tokenización de activos físicos con Next.js. Pagos con Stripe, KYC con Sumsub, contratos con Docuseal y CMS con Supabase.

78
Rendimiento
95
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — 4Pets Website

4Pets Website

Plataforma de gestión animal con web en Next.js y app móvil. Auth robusta, marketplace, notificaciones en tiempo real y geolocalización.

88
Rendimiento
95
Accesibilidad
96
Buenas prácticas
100
SEO
Ver proyecto — 4Pets App Móvil

4Pets App Móvil

App iOS/Android en Expo con alertas de mascotas perdidas, ubicación en tiempo real y notificaciones push.

88
Rendimiento
95
Accesibilidad
96
Buenas prácticas
100
SEO
Ver proyecto — Verónica Moreno's Website

Verónica Moreno's Website

Sitio web profesional para Verónica Moreno con Next.js y TypeScript. Multilenguaje, diseño responsive y optimización SEO para mejorar visibilidad y conversión.

100
Rendimiento
98
Accesibilidad
100
Buenas prácticas
85
SEO
Ver proyecto — Abanzamed

Abanzamed

Web corporativa para Abanzamed con Next.js, Tailwind, Supabase y Prisma. Solución escalable, optimizada para SEO y rendimiento en salud.

96
Rendimiento
97
Accesibilidad
97
Buenas prácticas
100
SEO
Ver proyecto — Pandemic

Pandemic

Juego de mesa digital construido con React y Redux. Experiencia interactiva, estados en tiempo real y diseño responsive.

98
Rendimiento
96
Accesibilidad
96
Buenas prácticas
100
SEO
Ver proyecto — Plataforma Metary

Plataforma Metary

Landing page para plataforma de metaverso con Next.js y React. CMS integrado, rendimiento optimizado y enfoque en SEO.

99
Rendimiento
92
Accesibilidad
100
Buenas prácticas
92
SEO
Ver proyecto — Ray Martín

Ray Martín

Sitio personal en Next.js con CMS en Firebase. Diseño responsive y optimización SEO de marca personal.

96
Rendimiento
100
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — Focus Crea

Focus Crea

Web corporativa en Next.js con captación de emails. Diseño responsive, rendimiento y conversión.

100
Rendimiento
100
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — Visa Nómada Digital

Visa Nómada Digital

Sitio informativo en Webflow con enfoque en captación de leads. UX clara y SEO orientado a búsquedas de visado digital.

95
Rendimiento
100
Accesibilidad
96
Buenas prácticas
92
SEO
Ver proyecto — Distribuciones Valeren

Distribuciones Valeren

Ecommerce en Webflow con catálogo y checkout. Diseño a medida, optimización para conversión y visibilidad en buscadores.

74
Rendimiento
90
Accesibilidad
81
Buenas prácticas
100
SEO
Ver proyecto — Asesorae

Asesorae

Sitio en Webflow para asesoría profesional. Diseño a medida y optimización para captación de clientes.

70
Rendimiento
93
Accesibilidad
78
Buenas prácticas
100
SEO
Ver proyecto — Boda de Arantxa y Jeannette

Boda de Arantxa y Jeannette

Sitio de evento con Next.js y Tailwind. Invitaciones y RSVP, responsive y optimizado para búsqueda.

100
Rendimiento
92
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — Asociación Equilibrio

Asociación Equilibrio

Web institucional con React y Firebase. Formularios, automatización de correos y mejoras de accesibilidad.

70
Rendimiento
83
Accesibilidad
78
Buenas prácticas
100
SEO
Ver proyecto — Advance Web

Advance Web

Herramienta web para auditar rendimiento, accesibilidad y SEO. UI clara y métricas accionables para equipos.

98
Rendimiento
100
Accesibilidad
100
Buenas prácticas
100
SEO
Ver proyecto — Buscador de Inversiones

Buscador de Inversiones

Aplicación para comparar fondos cripto con React y TypeScript. Calculadora de inversión y diseño responsive.

Ver proyecto — Tokenomics

Tokenomics

Herramienta para analizar tokenomics con React y TypeScript. Cálculos de capitalización y SEO técnico.

Casos de éxito

Selección de proyectos con resultados medibles.

Contexto, enfoque y métricas Lighthouse para demostrar calidad e impacto.

Aurantis

Plataforma fintech

Experiencia de producto enfocada en confianza, compliance y conversión.

Reto

Explicar una propuesta compleja manteniendo un onboarding simple y seguro.

Solución

Construcción centrada en rendimiento con jerarquía clara y patrones de integración escalables.

Puntos clave

  • Secciones reutilizables para iterar rápido
  • CTAs alineadas con el onboarding
  • Sistema visual consistente para generar confianza

Métricas clave

Rendimiento (Lighthouse)
78/100
Accesibilidad (Lighthouse)
95/100
Buenas prácticas (Lighthouse)
100/100
SEO (Lighthouse)
100/100
Ver proyecto

4Pets Website

Plataforma de salud para mascotas

Sitio de marketing orientado a adquisición y claridad del producto.

Reto

Ordenar servicios y beneficios de la app sin sobrecargar al usuario.

Solución

Arquitectura de contenido con módulos reutilizables y enfoque mobile-first.

Puntos clave

  • Estructura SEO lista para crecimiento
  • Narrativa centrada en beneficios
  • Componentes reutilizables para campañas

Métricas clave

Rendimiento (Lighthouse)
88/100
Accesibilidad (Lighthouse)
95/100
Buenas prácticas (Lighthouse)
96/100
SEO (Lighthouse)
100/100
Ver proyecto

Ray Martín

Web de marca personal

Web personal diseñada para autoridad y captación de leads.

Reto

Comunicar especialización y valor en un único recorrido.

Solución

Landing modular con jerarquía clara, prueba social y CTA directa.

Puntos clave

  • Core Web Vitals y accesibilidad priorizadas
  • Internacionalización ES/EN
  • Microinteracciones ligeras

Métricas clave

Rendimiento (Lighthouse)
96/100
Accesibilidad (Lighthouse)
100/100
Buenas prácticas (Lighthouse)
100/100
SEO (Lighthouse)
100/100
Ver proyecto

Bibliotecas

Open source que publico para acelerar equipos y proyectos.

use-overflow-scroll

React

Hook de React para detectar overflow y habilitar desplazamiento controlado.

@raymardev/react-native-intersection-observer

React Native

Librería para React Native que detecta entrada y salida de elementos con Intersection Observer.

Metodología

Proceso iterativo para entregar valor con claridad, calidad y velocidad.

01

Descubrimiento

Comprensión del negocio, objetivos, usuarios y métricas de éxito.

02

Diseño

Wireframes, UI y arquitectura con estados y validaciones.

03

Desarrollo

Iteraciones cortas, testing y componentes reutilizables.

04

QA

QA funcional, accesibilidad y rendimiento (CWV).

05

Entrega

Despliegue automatizado, verificación y handoff.

06

Mantenimiento

Mejora continua, analítica y roadmap evolutivo.

Preguntas frecuentes

Respuestas claras sobre alcance, tiempos y stack.

¿Incluyes seguridad, anti‑bots y autenticación?
Sí. Integro anti‑bots, rate limiting y OAuth (Google, Apple, GitHub) cuando aplica, priorizando UX y conversión.
¿Cuánto tarda un proyecto?
Entre 2 y 6 semanas según alcance, integraciones, contenidos y validaciones.
¿Qué stack utilizas?
Next.js, React, TypeScript y Tailwind; Node.js, Prisma y PostgreSQL; Stripe, Sumsub (KYC/AML), Magic Link/Web3; Vercel y CI/CD.
¿Ofreces mantenimiento y soporte?
Sí, con planes mensuales que incluyen mejoras, observabilidad, actualizaciones y soporte.

Let’s grow your product

Performance, accessibility, and security that build trust and growth.

Download CV — EN (CTA)