Javier Rodríguez Viñas.

Lead Frontend Engineer

With Fullstack & Design expertise

About

Engineer with a Designer's Eye #

I approach products holistically, understanding both the design intent and the technical constraints that shape great experiences.

5 years specialized in Frontend and digital product development, architecting scalable interfaces and complete Design Systems.

Strong Fullstack foundation (Node.js, Python, AWS) that enables me to make informed decisions across the entire stack.

Obsessed with the details that make products feel polished: motion design, micro-interactions, and the subtle cues that guide users effortlessly.

Currently redefining my workflow with AI-native tools (Cursor, Claude Code) and exploring the architectural patterns for the next wave of software, where asynchronous agentic delegation becomes a core UX component. Also deep-diving into modern frameworks like TanStack Start.

Design × Engineering

Experience

Where I've Worked #

November 2023 → Present

Lead Frontend Engineer

Sbayt · Remote (A Coruña, ES)

Technical leadership of the frontend for an industrial data analytics platform (steel rolling mills) designed for plant operators and business-side users.

  • Built from scratch a Next.js platform interfacing (via REST APIs & WebSockets) with Big Data systems (Spark, Kafka, MinIO) for failure prediction and medium-term self-correction
  • Implemented real-time observability dashboards, solving the dual challenge of guiding user attention via subtle burst animations and meticulously managing performance to avoid saturating the React main thread. A consistently snappy experience was not an extra, but key for building user trust in the product
  • Designed and built a complete Design System (inspired by Shopify Polaris) using progressive disclosure: extremely powerful and expressive technical UI that never feels overwhelming
  • Developed 'physical' animations replicating analog control panels as a design nod to the industrial context this product aims to digitize
  • Built a type-safe, procedural system for generating complex data tables on demand (sorting, filtering via criteria pattern, pagination). The challenge wasn't just building tables, but enabling anyone (even coding agents) to spin up new ones effortlessly and consistently
February 2022 → October 2023

Fullstack Engineer

Gradiant · Hybrid (Vigo, ES)

Fullstack Engineer within the Cybersecurity division, collaborating extensively across both frontend and backend to build secure digital products.

  • Spearheaded the development of a Self-Sovereign Identity (SSI) Android application, managing the full vertical from the Kotlin implementation to the creation of a bespoke Design System
  • Collaborated on both frontend and backend architectures, narrowing the gap between security requirements and user experience
  • Implemented efficient data anonymization algorithms in Python backends (NumPy, Pandas) for sensitive datasets
  • Built and optimized security-critical SPAs using React and Vue, and mentored interns to raise the team's code quality standards
June 2021 → August 2021

Frontend Engineer

Gradiant · Hybrid (Vigo, ES)

Productization of a powerful CLI-based data anonymization system (part of a European Cybersecurity Project) to make it accessible to external users.

  • Designed the visual identity and implemented critical workflows in a Vue/TypeScript SPA, transforming a CLI-only tool into a modern web product
  • Significantly improved usability and visibility, enabling external stakeholders to leverage powerful data anonymization capabilities without technical friction

Expertise

Skills & Background #

Infrastructure

Design & UX

FigmaWireframingPrototypingDesign SystemsMotion Design

Other

GitMonorepo ArchitectureBrowser InternalsFunctional Programming

Education

Academic

B.Sc. in Computer Engineering

University of Santiago de Compostela (USC)

June 2022

Certifications

AWS Certified Developer

In progress

Languages

Spanish

Native

Galician

Native

English

B1 (Daily professional use)

French

Elementary (A1 certified)

Interests

Learning

TanStack Start AI-powered coding tools (Cursor, Claude Code) Motion Design

Personal

Swimming Music Graphic Design Travel Films Art

Projects

Selected Work #

Some personal projects and experiments outside of my day-to-day work, for exploration and learning.

Digital Identity You are here

Personal Site

My personal spot on the web, designed with a focus on typography, motion, and extreme attention to detail.

  • Bespoke design system crafted from scratch to establish a unique visual identity for myself as a professional
  • High-performance architecture built with Astro and Preact for near-instant interactions
  • Automated SEO optimization and semantic structure for maximum digital discoverability
Technical Showcase

Clinical Patient Tracker

Patient management app optimized for perceived performance.

  • Implemented Next.js App Router with a composable skeleton strategy: each component exports its own skeleton, making complex loading states incrementally easy to build via standard React composition
  • Custom design based on shadcn/ui for a functional, modern aesthetic that conveys calm
Digital Product

Time Artifacts

Gumroad store featuring wall calendars I design and release annually.

  • Born from a personal need when I couldn't find a wall calendar that truly resonated with me
  • Serves as a creative playground to explore typography and visual consistency, free from the constraints of software engineering

Contact

Let's Connect #

Available for new opportunities, collaborations, or just a conversation about frontend, design systems, or the latest tech.