victor.ruz

Disponible para oportunidades

Construyo productos web rápidos, claros y útiles para negocios reales.

Soy Víctor Ruz, estudiante de Ingeniería Informática. Combino desarrollo web moderno, IA aplicada y visión de negocio para llevar ideas desde el problema hasta producción.

No me interesa escribir código por escribir código. Me interesa construir software que resuelva algo concreto.

01 · Sobre mí

Estudio, construyo y entrego.

Estudio Ingeniería Informática y aprendo construyendo. Mi enfoque es práctico: elegir el problema correcto, diseñar la solución más simple que lo resuelva y llevarla a producción rápido para iterar con datos reales.

En el día a día combino desarrollo web moderno —Next.js, React, Supabase, TypeScript— con el contexto operativo de un grupo industrial real, donde la tecnología tiene que servir al negocio y no al revés. Esa mezcla me ha enseñado a leer requisitos antes de escribir código y a priorizar lo que mueve la aguja.

Me interesa lo que está pasando en frontend, IA aplicada y producto. Mi objetivo: entrar en un equipo técnico fuerte donde pueda crecer rápido y aportar trabajo real.

02 · Proyectos

Trabajo seleccionado.

Proyectos reales con foco en producto, performance y experiencia móvil. Esta sección crece con cada nueva entrega.

Terminado · En producción2026

Perdicestavi.com

Web entregada para un negocio familiar real

Web entregada para un negocio familiar real. El objetivo fue transformar una actividad tradicional en una presencia digital clara, rápida, profesional y preparada para crecer.

Problema

El negocio operaba sin canal digital propio. Necesitaba una web que transmitiera profesionalidad desde el primer scroll, fuese impecable en móvil y permitiera a clientes potenciales encontrar información clave sin fricción.

Solución

Una single-page premium con jerarquía clara, mobile-first estricto, contenido directo y estructura modular preparada para sumar secciones (catálogo, contacto avanzado, contenido) según el negocio lo necesite.

Aprendizajes

Diseñar empezando por el negocio y no por la tecnología. Priorizar móvil, recortar contenido a lo esencial y entregar rápido para iterar con feedback real de uso, no con suposiciones.

Next.jsReactTailwindCSSVercel
Terminado · En producción2026

Portfolio v1

Este mismo sitio, construido como producto

Portfolio personal tratado como producto: arquitectura limpia, sistema de diseño coherente, dark/light mode, performance objetivo Lighthouse > 95 y estructura preparada para crecer con cada proyecto y nota técnica.

Problema

La mayoría de portfolios junior se ven genéricos: stack listado, copy vacío, cero criterio. El reto era transmitir criterio técnico, visión de producto y capacidad de ejecución en menos de 5 segundos.

Solución

Diseño minimalista con jerarquía estricta, copy honesto y defendible, posicionamiento claro en desarrollo asistido por IA, blog técnico y SEO trabajado para que Google entienda el perfil sin sonar a keyword stuffing.

Aprendizajes

Trabajar el copy con el mismo cuidado que el código. Cada sección tiene que justificar su existencia o desaparece. La marca personal técnica se construye con decisiones, no con plantillas.

Next.js 16TypeScriptTailwindCSS v4next-themesVercel

03 · Experiencia

Donde he trabajado.

Experiencia técnica y operativa en un entorno de negocio real.

  • Web & Digital Operations Assistant · Grupo Salmerón

    2025 — Actualidad

    España

    Apoyo al equipo en desarrollo y mantenimiento web, herramientas digitales internas y procesos de operación en un grupo industrial con varias marcas.

    • Mantenimiento y mejoras en sitios web del grupo (WordPress y stack moderno).
    • Integración y optimización de herramientas digitales internas y CRM.
    • Colaboración en procesos de marca, contenido y operaciones digitales.
    • Aplicación de tecnologías modernas e IA aplicada a flujos de trabajo.

04 · Stack

Tecnologías con las que trabajo.

Stack honesto: lo que uso a diario o en proyectos reales. Lo que aún estoy explorando aparece en la sección de aprendizaje.

Frontend

Interfaces rápidas, accesibles y mobile-first.

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • TailwindCSS

Backend & Data

APIs, persistencia y autenticación con foco en simplicidad.

  • Supabase
  • PostgreSQL
  • REST APIs
  • Auth
  • Storage

Tools & Platform

Lo que uso a diario para construir, versionar y desplegar.

  • GitHub
  • Vercel
  • WordPress
  • CRM
  • Antigravity
  • Cursor

AI-assisted workflow

IA como multiplicador técnico, no como atajo.

  • Claude Code
  • ChatGPT
  • v0
  • Prompt engineering
  • AI agents
  • AI skills
  • Code review with AI
  • Low-code con criterio

Business & Digital Ops

Tecnología pegada al negocio: SEO, analítica, performance, automatización.

  • SEO
  • Analítica web
  • Performance
  • Automatización
  • Presencia digital
  • Procesos digitales

05 · Proceso

Cómo trabajo.

Un método sencillo, repetible y orientado a entregar valor real. Menos planificación inerte, más decisiones con feedback.

  1. 01

    Entender el problema

    Antes de tocar código: quién lo va a usar, qué decisión cambia y cómo se mide el éxito.

  2. 02

    Diseñar la solución más simple

    La versión mínima que resuelve el problema entero. Sin abstracciones prematuras ni features de adorno.

  3. 03

    Construir rápido

    Stack moderno y conocido, componentes claros, foco en lo que mueve la aguja.

  4. 04

    Mobile primero, siempre

    Si no funciona impecable en móvil, no funciona. El resto es escalado.

  5. 05

    Deploy temprano

    En producción cuanto antes para validar con uso real, no con suposiciones.

  6. 06

    Iterar con feedback

    Ciclos cortos, decisiones reversibles y mejora continua basada en datos y conversación.

06 · IA aplicada

IA aplicada al desarrollo, no IA como atajo.

Uso herramientas como Claude Code, ChatGPT, Cursor y Antigravity para acelerar investigación técnica, diseño de arquitectura, debugging, prototipado y construcción de interfaces. La diferencia no está en pedir código: está en saber formular bien el problema, validar la respuesta y convertirla en software mantenible.

Mi objetivo: menos código repetitivo, más criterio, producto y dirección técnica. La IA ya genera líneas — el valor está en saber qué construir, qué pedir y cuándo no delegar.

Herramientas y conceptos

  • Claude Code
  • ChatGPT
  • Cursor
  • Antigravity
  • v0
  • Prompt engineering
  • AI agents
  • AI skills
  • Code review with AI
  • Low-code con criterio

Prompts técnicos

Diseño cada prompt con objetivo, contexto, restricciones y formato esperado. La diferencia no está en pedir código, está en saber dirigir la herramienta.

Agentes y skills

Construyo agentes y skills propias para automatizar investigación, andamiaje y revisión, manteniendo el criterio humano sobre las decisiones que importan.

Debugging asistido

Reproducir el bug, formular hipótesis y validarla con código real, no con vibes. La IA acompaña el razonamiento, no lo reemplaza.

Prototipado rápido

Uso v0 para explorar interfaces y prototipos iniciales antes de iterar, refinar y construir la solución real. La IA acelera la primera versión navegable; el criterio de producto y la implementación final son míos.

Revisión de código

Pido crítica con Claude Code antes de hacer commit: que cuestione decisiones que ya doy por buenas. La calidad sube cuando alguien (o algo) discute.

07 · En construcción

Aprendiendo en abierto.

Lo que estoy explorando ahora mismo. La lista cambia cada pocas semanas a propósito.

  • Foco 01

    Patrones avanzados en Next.js App Router (caching, server actions, streaming).

  • Foco 02

    Diseño de schema y RLS en Supabase para pequeños SaaS.

  • Foco 03

    Construcción de agentes y skills propias con Claude Code para flujos reales.

  • Foco 04

    Fundamentos de testing en frontend (Vitest, Playwright).

09 · Contacto

¿Construyendo algo interesante? Hablemos.

Abierto a posiciones de Frontend, Web Developer o Software Engineering Intern. Respondo rápido. La forma más directa de llegar es por email.