David Puerto — Design Engineer

Microsoft Personnel & Azure Sovereign Clouds

Microsoft Personnel and Sovereign Clouds UX UI

As Personnel's design quality gatekeeper, I prototyped stateful UI live on Teams for PM-design collaboration using a custom framework rolled in-house (React/TS, CSS Modules, Msal.js, and GraphAPI); safeguarding against third-party telemetry during JEDI.

Later, I evolved my skills on Azure's Sovereign Clouds prototyping and delivering end-to-end UI solutions for Shadow Control, Secure Sovereign Manager, Video Escort Monitoring, Real-time Insights, and DRI Portals.

Read Case Study

Meta
(fb)IDE codename: Lyric

Facebook, Meta, FBIDE codename Lyric. Zero-install, cloud-based IDE integrated into Facebook Platform.

The mission was clear: Prepare the UX/UI for open-sourcing Facebook's zero-install, cloud-based IDE, tailored for PHP5 (Hack) and HipHop (VM), integrating directly with the Facebook platform, providing comprehensive tools for building workflows and software. From a low-fi engineering proof of concept, our team transformed (fb)IDE into Lyric—a formidable product for more than just Facebook code. Lyric was re-branded Nuclide and shipped as a set of extensions for Atom and VSCode.

Read Case Study

Nordstrom Enterprise Price Suite
AI/ML &
CompIntel

Nordstrom. CompIntel. Errors and Warnings Console. Daily Assignment super admin tools. CommonUI.

Our engineering team developed a 0→1 application (CompIntel), delivering an experience that gave rise to the PRICE organization's unified enterprise application and Nordstrom's CommonUI design system. Our team made the verification and validation process more efficient, boosting productivity, eliminating the need to manually traverse multiple spreadsheets, and surpassing execution targets while providing human-in-the-loop tools that continue to train algorithms for better price matching.

Read Case Study

SonoSite
iViz think StarTrek's Tricorder

Prototyping the first handheld ultrasound device.

Joining a team of industrial designers and hardware engineers, I was challenged to prototype an innovative gesture-based UI for the first handheld ultrasound device—not unakin to Star Trek's tricorder.

Read Case Study

Zillow
& then there
was that one time...

SmartMove: a mobile-first PWA built on the Zillow platform, drawing data from Data.gov and federal and state databases to find home-buying assistance programs. Awarded first place at Seattle's #hackHousing hackathon, February 2015, and featured on the front page of GeekWire.

Awarded 1st Place at Seattle's largest hackathon (#hackHousing) to date, our team of three designed SmartMove—an innovative, data-driven application streamlining the home-buying process and unearthing dozens of hidden programs that exist to assist people with substantially lowering the cost of homeownership.

Read Case Study