Saltar al contenidoHablemos →
Mascota WILLROD: retrato chibi con gafas y barba

Software Engineer / DesignerMarca · Web · Automatización

Menos ruido.Más intención.

01 Quién firma

Retrato de Willy Rodríguez, serio, con gafas y barba
Willy RodríguezIngeniero de sistemas · Colombia

Diseño cómo se ve y programo cómo funciona. Soy el diseñador y el desarrollador, así que nadie le echa la culpa al otro.

  1. Logo, mascota, patrones y un manual para que nadie la deforme.

    Herramientas
    Illustrator · Photoshop · Figma
    Proyectos ·
    TODOFOTO · WILLROD

  2. Sitios en Astro, Svelte o WordPress. Rápidos y fáciles de editar.

    Herramientas
    Astro · Svelte · WordPress
    Proyectos ·
    NexaCorp · Finexus

  3. Bots y flujos para eso que haces todos los días con fastidio.

    Herramientas
    Python · TypeScript · MCP
    Proyectos ·
    Demirod · Finetry UX

  4. Pantallas que se entienden a la primera.

    Herramientas
    Figma · sistemas de diseño

  5. Redes, correo y servidores. La parte aburrida que evita sustos.

    Herramientas
    Redes · cloud · soporte

02 Cómo trabajo

De la idea al sello

Trabajo con el doble diamante, el método del Design Council británico: primero entiendo el problema hasta poder escribirlo en una frase; después pruebo soluciones hasta dejar una publicada.

De cada paso te llevas algo que puedes ver y tocar.

Willy Rodríguez trabajando en su escritorio con una tableta gráficaMantén pulsado → color

  1. Nota · llamada 01

    ¿Qué te frena?

    • — Todo lo hago a mano.
    • — La web no explica qué vendo.
    • — La marca no tiene forma.

    Paso 01El problema · abrir

    Descubrir.

    Una llamada sobre tu negocio y tus clientes. Pregunto qué intenta lograr la gente cuando te busca y en qué punto se atasca hoy.

    Te llevas → La nota de la llamada

  2. Boceto · inicio

    ¿Cómo podríamos hacer que se entienda qué vendes en 5 segundos?

    Paso 02El problema · cerrar

    Definir.

    Ordeno lo que escuché en una sola frase: «¿Cómo podríamos…?». Sobre esa frase dibujo la estructura en papel, antes de abrir el computador.

    Te llevas → El problema en una frase y su boceto

  3. src/pages/index.astro

    ---
const marca = "WILLROD";
---
<Hero titulo="Tu marca" />
<Trabajo proyectos={5} />
<Sello estado="listo" />

    Paso 03La solución · abrir

    Desarrollar.

    Diseño y programo yo, por partes. Te muestro avances que puedes abrir y probar, y ajustamos con lo que veas.

    Te llevas → Un enlace de prueba que funciona

  4. Orden de trabajoNº 0042

    Marca
    Lista
    Web
    En línea
    Manual
    Entregado
    Soporte
    Activo

    Paso 04La solución · cerrar

    Entregar.

    Publico, reviso que todo funcione en teléfono y computador, y te explico cómo usarlo. Si algo falla después, sigo aquí.

    Te llevas → Tu proyecto publicado y explicado

03 Nos adaptamos

Nos adaptamos a tu proyecto.

Baja despacio. La página se transforma según lo que traigas.

  1. 01 · Marca
  2. 02 · Web
  3. 03 · Fintech
  4. 04 · Restaurante
  5. 05 · Automatización
  1. Marca
  2. Web
  3. Fintech
  4. Restaurante
  5. Automatización

Tu logo lo hizo una IA.

Brilla en pantalla. Se rompe en todo lo demás.

  1. Marca
  2. Web
  3. Fintech
  4. Restaurante
  5. Automatización

Tu web es bonita. Y nadie compra.

Quitamos lo que estorba y dejamos a la vista el botón que importa.

  1. Marca
  2. Web
  3. Fintech
  4. Restaurante
  5. Automatización

Tu app de crédito parece un trámite de notaría.

La volvemos tan clara que pedir un crédito toma lo que dura un tinto.

  1. Marca
  2. Web
  3. Fintech
  4. Restaurante
  5. Automatización

Los pedidos llegan en papelitos, por WhatsApp y a gritos.

Cada mesa pide desde su QR. La cocina lo ve al instante y tú ves todo el local en una pantalla.

  1. Marca
  2. Web
  3. Fintech
  4. Restaurante
  5. Automatización

2.847 fotos del evento. Y nadie sabe quién sale en cuál.

Un flujo reconoce las caras, ordena por persona y le entrega a cada invitado sus fotos.

Cinco mundos.
Una sola persona detrás.

Y el mismo sello al final de cada uno.

Mira lo que ya hice ↓

04 Trabajo

Hecho y sellado

01Entregado

Landing

NexaCorp

Landing de producto construida en Svelte.

  • Svelte
  • UX/UI
  • Diseño web
02Entregado

Sitio corporativo

Finexus

Páginas del sitio en WordPress, la sección de Educación Financiera y los correos.

  • WordPress
  • Elementor
  • Email
03Entregado

Marca completa

TODOFOTO

Identidad, dirección de arte y manual de marca.

  • Identidad
  • Dirección de arte
  • Manual
04Entregado

Bot de Discord

Demirod

Bot de Discord hecho a medida.

  • Discord
  • Automatización
  • Bots
05Entregado

IA y flujos

Automatizaciones

Finetry UX, extensión de respuestas rápidas para soporte, y extracción de actas a Excel.

  • Extensión
  • IA
  • Excel

¿El siguiente?

Hagamos el tuyo →

01
06

05 Taller

Mesa de sellos

Mis herramientas. Agárralas, lánzalas: cada una deja su marca en la mesa.

  • CódigoPython
  • CódigoTypeScript
  • CódigoAstro
  • CódigoSvelte
  • CódigoReact
  • CódigoNode.js
  • CódigoGitHub
  • CódigoPostman
  • WebWordPress
  • WebElementor
  • WebTailwind
  • WebVercel
  • DiseñoFigma
  • DiseñoPhotoshop
  • DiseñoIllustrator
  • DiseñoCamera Raw
  • IAClaude
  • IAMCP
  • MotionGSAP
  • MotionThree.js
  • MotionMatter.js
  • InfraRedes
  • InfraCloud
  • GestiónJira

06 Hablemos

¿Tienes algo entre manos?

Hablemos.

Si me escribes, uso tus datos solo para responderte y, si trabajamos juntos, para el proyecto. Más detalle en la política de privacidad.

Colombia--:--GMT-5

Willy Rodríguez sonriendo