Lucio Villa

Senior Software Engineer at The Washington Post

First-generation Latino, software engineer and web designer. Previously at Vox Media, San Francisco Chronicle, Chicago Tribune's Spanish daily (Hoy Chicago) and formerly a photojournalist.

Select Projects
...
The Verge Redesign / Duet

Helped develop the new redesign of The Verge site and Duet, Vox Media's new publishing platform. A platform with the goal of supporting all of Vox Media's publications.

Role: Part of the core development team.
Tools: TypeScript, React, Next.js, Tailwind CSS, Relay
...
La Palabra

An open-source game inspired by the famous game Wordle. Purpose of the game is to guess the word (based on Bad Bunny lyrics) in 6 tries and includes a link to the Spotify song the word appears in to help in figuring out the word of the day.

Role: Creator and developer.
Tools: React, Next.js, Tailwind CSS, Python
...
AI Bad Bunny lyrics generator

Auto generate lyrics powered by an AI (Artifical Intelligence) trained on Bad Bunny songs. This experiment uses TensorFlow.js with a model exported from the Python version of Tensorflow. Only 134 Bad Bunny songs were used to train the model. I need more Bad Bunny songs. This is a work in progress.

Role: Creator and developer.
Tools: TensorFlow.js, React, Next.js, Tailwind CSS, Python
...
Starter Notion blog template

An open-source starter blog template that is statically generated with Next.js, content powered by Notion and styled with Tailwind CSS.

Role: Creator and maintainer.
Tools: React, Next.js, Tailwind CSS, Notion API
The Washington Post Custom Project Template Generator

A Node, React and Next.js based template that powers all of the custom interactive projects at The Washington Post.

Role: Part of the core engineers who developed this platform. Worked on developer workflows, onboarding and documentation.
...
Serial Killer Series

A three-part investigation series on law enforcement's failure to catch the most prolific serial killer in U.S. history.

Role: Responsible for the project concept, design, front-end development, commissioned and art directed illustrations.
Tools: React, Next.js, React PLX (animation library), Adobe XD, Node
Awards: 2x SND 2020 "Award of Excellence" awards.
...
Mueller Report Illustrated

A six-part interactive series on the obstruction investigation with audio and scrolling animations.

Role: Front-end developer.
Tools: React, React PLX, ffmpeg, Node, Gulp
Awards: Malofiej International Awards Gold Medal, 2019 SND Best in Show, 2019 SND Gold Medal, 2019 SND Silver Medal, 2019 SND Bronze Medal, x2 2019 SND Award of Excellence, 2019 Scripps Howards Award Finalist, 2x ONA Finalist
...
Mekong River

Inteactive story about displaced villages and a ruined ecosystem with audio narration from the reporter.

Role: Designer and front-end developer.
Tools: Gulp, ScrollMagic.js, Node, Adobe XD
Awards: 2020 SND Award of Excellence
...
Military Helicopter

A reconstruction of the movements of two D.C. Army National Guard helicopters that parked nearly still in the air over protesters, using flight-tracking data, images and videos.

Role: Designer and front-end developer.
Tools: React, Next.js, Adobe XD, Node, PLX animation library
Awards: 2020 SND Bronze Medal
...
Rose Garden Photo

An interactive project that zooms and pans to show who attended a possible superspreader event at the White House.

Role: Designer and front-end developer.
Tools: React, Next.js, Node, ScrollMonitor.js
About me

Hola! My name is Lucio and I recently made the switch from the newsroom to product and now work as a Senior Software Engineer at The Washington Post.

Previously at Vox Media, The Washington Post, San Francisco Chronicle, Chicago Tribune's Spanish daily (Hoy Chicago) respectively and The Chicago Reporter.

During my time in San Francisco I helped instruct a class on editorial web design and development in the Graduate School of Journalism at the University of California, Berkeley.

Outside of work, I was listed in Editor & Publisher's 2019 “25 Under 35: The Future Generation of Newspaper Leaders” and Fullstack Academy's “15 Developers to Follow If You Want to Work in Media.” I cofounded Code Latino Chicago, a community empowering Latinos into web development. A contributor of Next.js (v9.4.3), an open-source React Framework .

A Lifetime member of the National Association of Hispanic Journalists (NAHJ) and previously served on the local chapter boards in DC, Bay Area and Chicago.

I'm originally from Compton, CA and graduated from Cal State Fullerton (Go Titans!) with a Bachelor's Degree in Photo Communications.

...
Awards & Honors