JonaLab

Jonathan Velez, Creative developer

I build web products end to end: interface, interaction and backend.

  • One developer from idea to production: no handoffs, no gaps.
  • Fast, accessible code that is easy to maintain and extend.
  • Clear communication, in English and Spanish.
Open to freelance and full-time
Jonathan Velez

Selected work

(07)
  • 01

    Fluxa

    A Webflow Designer app that applies real-time shader backgrounds to any section. Built end to end: shaders, extension, API and billing.

    Type
    Product · Webflow app
    Year
    2026
    Stack
  • 02

    Colombia Tourism

    A scalable CMS architecture that lets the client publish new destinations without a developer.

    Type
    Webflow · CMS
    Stack
  • 03

    FlowSync

    A static site turned into an interactive product tour with GSAP and Rive, with no video and 30% faster loads.

    Type
    Webflow site
    Stack
  • 04

    Covalto

    A data-driven landing redesign that raised conversion rate by 41%.

    Type
    Webflow site
    Stack
  • 05

    Vivici

    A scalable design system and a reference-based CMS architecture, with micro-interactions that lifted sales by 35%.

    Type
    Webflow site
    Stack
  • 06

    Foundervine

    A US landing plus SEO and AEO work that grew site visits by 48% and unlocked leads in a market with almost none.

    Type
    Webflow site
    Stack
  • 07

    Caban Energy

    A performance and compliance pass: +20 PageSpeed points, +30% chatbot indexing and GDPR and US privacy compliance.

    Type
    Webflow site
    Stack

Showcase01 / 04

Rive

Interactive vector animation driven by state machines: lightweight, resolution-independent and reactive to the cursor.

02 / 04

Blender 3D

Modeled, lit and rendered assets, optimized for the web as compressed textures and short loops.

03 / 04

WebGPU compute

60,000 particles simulated entirely on the GPU in a compute shader and pushed away by your cursor. Browsers without WebGPU get a GLSL fluted-glass shader on WebGL2 instead.

04 / 04

Fluids

A fluid simulation that follows your cursor: WebGPU compute shaders, with a GLSL version on WebGL2 when no GPU adapter is available.

GLSL

Stack

Front end

  • TypeScriptTypeScript
  • JavaScriptJavaScript
  • ReactReact
  • Next.jsNext.js
  • AstroAstro
  • HTML / CSSHTML / CSS
  • GSAPGSAP

Back end

  • Hono.jsHono.js
  • Express.jsExpress.js
  • Node.jsNode.js
  • PostgresPostgres
  • MongoDBMongoDB
  • MySQLMySQL

Graphics

  • WebGLWebGL
  • GLSL
  • WebGPUWebGPU
  • Three.jsThree.js
  • React Three Fiber
  • BlenderBlender
  • RiveRive

Platforms & tools

  • WebflowWebflow
  • WordPressWordPress
  • Cloudflare WorkersCloudflare Workers
  • Claude CodeClaude Code
  • Codex
  • GitGit

Soft skills

  • 01

    Communication

    I explain technical decisions in plain words and keep clients and teammates updated before they have to ask.

  • 02

    Ownership

    I read and answer for every line that ships, and I follow a project from the first sketch to the release.

  • 03

    Design and code, together

    I work comfortably between designers and developers, so intent does not get lost in the handoff.

  • 04

    Problem solving

    I look for the root cause before patching, and I write down what I learned so it is not solved twice.

  • 05

    Learning fast

    New tools, APIs or graphics techniques are part of the job, and I pick them up by building something real.

  • 06

    Time and focus

    I plan in small deliverable steps, so there is always something working to show.

AI workflow

I connect Claude Code to my tools through MCP servers, so the assistant can read and act on the real project instead of a copy of it. Less copy-pasting and fewer handoffs mean more time for the work that needs judgment.

  • Figma

    Figma

    Reads designs and tokens and turns them into components that follow the real layout.

  • Webflow

    Webflow

    Inspects and edits sites, CMS content, styles and custom code without leaving the editor.

  • Cursor

    Cursor

    AI code editor connected to the same MCP servers, so the tools follow me while I write and refactor.

  • Claude in Chrome

    Claude in Chrome

    Opens the running page, checks the result and reads the console while I build.

  • Notion

    Notion

    Keeps documentation, plans and project notes next to the code.

  • Google Drive

    Google Drive

    Pulls briefs, copy and assets from shared files straight into the work.

About

I am a developer who likes the place where design, math and performance meet: a fragment shader that holds 60 fps, a UI that feels alive but stays accessible, an API that does not get in the way.

I work with Claude Code and Codex as part of my daily flow, and I still read and own every line that ships. I care about the boring parts too: reduced-motion fallbacks, adaptive resolution on 4K screens, versioned releases.

I am open to freelance projects and to a full-time role with a team that values interactive and creative front end.

Let's build something

Tell me about the project, the timeline and what success looks like. I reply within a couple of days.