Arturo Ocampo

Arturo Ocampo

Fullstack Developer | Product Engineer | UX/UI Specialist

Soy un Product Engineer que domina la sinergia entre un diseño excepcional, la fuerza de la interactividad (Frontend/PWA) y la innovación de la IA. Mi enfoque une estética y rendimiento para crear soluciones digitales que no solo funcionan, sino que cautivan.

Resumen Profesional

Con más de 7 años de experiencia, me especializo en la creación de productos digitales de extremo a extremo (SaaS), transformando maquetas de Figma y Adobe XD en soluciones funcionales. Mi enfoque fusiona el diseño UX/UI con una ingeniería sólida utilizando Angular, Ionic (PWA) y TypeScript, respaldada por bases firmes en HTML, SCSS y JS. Arquitecturo sistemas escalables con PHP (MVC) o Node.js (Express.js), integrando bases de datos SQL/NoSQL y APIs REST. Potencio aplicaciones mediante IA avanzada (OpenAI, Whisper, Ollama) y n8n para ofrecer experiencias digitales autónomas, seguras y de alto impacto.

Habilidades

Frontend y Móvil
Angular Ionic Astro TypeScript Arquitectura PWA JavaScript (ES6+) SCSS/CSS3 HTML5 Three.js.
Diseño y UX/UI
Figma Adobe Creative Suite Sistemas de Diseño Accesibilidad (WCAG) Prototipado.
IA y Automatización
Integración de IA (OpenAI/LLMs) n8n (Flujos de trabajo) LangChain Python Ollama Whisper.
Backend y BD
Node.js (Express) PHP (MVC) MySQL MongoDB Firebase APIs REST JWT Swagger.
Idiomas
Español (Nativo) Portugués (C1/Avanzado) Inglés (B1/Técnico).

Experiencia y Educación

Experiencia 2024 – Presente

Full-Stack Product Developer

Rhinomachinery.com Remoto | EE. UU.

Liderando la transformación digital mediante arquitecturas MVC personalizadas e integración de IA.

Educación 2024 – 2027 (Previsto)

Grado (B.S.) en Applied Technology

BYU - Idaho EE. UU. (Remoto)

Enfocado en la aplicación avanzada de tecnología y arquitectura de sistemas.

Educación Dic 2024

Título de Asociado (A.A.S.) en Web Design & Development

BYU - Idaho EE. UU. (Remoto)

Grado asociado que cubre el espectro completo de diseño y desarrollo técnico.

Experiencia 2019 – 2024

Frontend Engineer & UX Specialist

MYMA Marketing Ciudad de México

Líder frontend para marcas globales (Netflix, FedEx), conectando diseño y ejecución técnica.

Educación 2020 – 2023

Certificaciones Técnicas Especializadas

BYU - Idaho EE. UU.

Certificaciones en Front-End, Back-End, Web Media y Diseño Gráfico.

Experiencia 2017 – 2019

UI Designer & Web Developer

ofi.com.mx Ciudad de México

Enfoque en diseño UI para e-commerce e implementación de frontends responsive.

Vídeos Destacados

Un breve recorrido por proyectos seleccionados de mi canal 'The Arturo's Bug', mostrando cómo fueron construidos.

Así ha sido mi carrera como dev, desde cero

Ver Vídeo

Construí un marketplace desde cero con PHP puro (sin frameworks)

Ver Vídeo

Cómo apliqué Design Thinking para crear una app con IA (Whisper + ChatGPT)

Ver Vídeo

Portafolio

Headless CMS y CRM (Astro + PHP + IA)

MoldFactory - Next-Gen SaaS

Como Fullstack Product Engineer, desarrollé este SaaS de alto rendimiento para la industria manufacturera. Evitando frameworks pesados, arquitecté una...

HTML5 CSS3 Sass JavaScript Astro PHP +3
Visitar Sitio
App Voice-First con IA

Pantry Assistant App (App Voice-First con IA)

Desarrollé una app Voice-First con IA (Whisper, ChatGPT) para optimizar inventarios. Aplicando Design Thinking, Ionic y un backend en PHP MVC, creé un...

HTML5 CSS3 Sass JavaScript Angular Ionic +7
Visitar Sitio
Little Caesars | Jurassic World

Little Caesars y Jurassic World

Sitio promocional para la alianza con Jurassic World Dominion. Diseñé la interfaz y desarrollé el sitio con Angular CLI, Bootstrap y SCSS.

HTML5 CSS3 Sass JavaScript Adobe XD Angular +4
Visitar Sitio
RhinoMachinery Website

Sitio completo RhinoMachinery

Sitio dinámico en PHP MVC conectado a base de datos. Implementación de autollenado de información, formularios y envíos automáticos para generación de...

HTML5 CSS3 Sass JavaScript Adobe XD PHP +1
Visitar Sitio
MilpaReal Website

Sitio Milpa Real

Plataforma de promociones: registro de tickets, trivias y juegos interactivos con publicación automatizada de ganadores.

HTML5 CSS3 Sass JavaScript Adobe XD Angular +3
Visitar Sitio
Trivia QuizGame

Trivia QuizGame (Solo móvil)

Juego de trivia en JavaScript que consume preguntas desde JSON. Valida respuestas, gestiona el flujo del juego y guarda puntuaciones vía PHP.

HTML5 CSS3 JavaScript JSON Adobe XD PHP +2
Visitar Sitio
Jastividades Blog (Demo)

Jastividades - Blog con panel (Demo)

Sitio informativo con calendario y gestión de contenidos. Incluye un dashboard de administración para eventos y entradas de blog.

Bootstrap HTML5 CSS3 Sass JavaScript Adobe XD +3
Visitar Sitio
App PWA - Primaria (Demo)

PWA Primaria - Gestor de contenidos

PWA para comunicación escolar, eventos y citas. Instalable sin tienda y gestionada íntegramente desde un panel administrativo.

Bootstrap HTML5 CSS3 Sass JavaScript Adobe XD +3
Visitar Sitio
MegaDesk App ASP.NET

MegaDesk ASP.NET - Sistema de ventas

Aplicación ASP.NET para la gestión de órdenes de venta y captura de requisitos de cliente con persistencia en base de datos.

HTML5 CSS3 JavaScript Adobe XD ASP.NET Bootstrap +1
Visitar Sitio
My Scripture Journal ASP.NET

My Scripture Journal ASP.NET

Aplicación para gestionar citas de textos religiosos con operaciones CRUD completas y sistema de filtrado.

HTML5 CSS3 JavaScript Adobe XD ASP.NET Bootstrap +1
Visitar Sitio
LDS Movies App ASP.NET

LDS Movies App ASP.NET

Sitio en ASP.NET Core para la administración de una librería de películas; proyecto enfocado en diseño y arquitectura de software.

HTML5 CSS3 JavaScript Adobe XD ASP.NET Bootstrap +1
Visitar Sitio
FedEx Promotional Site

Sitio promocional FedEx

Landing page promocional para la Europa League. Definición de flujos, mockups y desarrollo en coordinación con la agencia.

HTML5 CSS3 Sass JavaScript Adobe XD PHP +2
Visitar Sitio
A18 Truck Tire Service

A18 Truck Tire Service

Sitio corporativo optimizado para la captación de servicios. Proyecto activo con alta tasa de conversión de clientes.

Bootstrap HTML5 CSS3 Sass JavaScript Adobe XD
Visitar Sitio