• Stop Thinking About User Interface: A Product Approach for Designing Products of the Future. Mind the Product

• 7 Lessons on Building Product with Outsourced Developers. Mind the Product.

• Context Design: Why deciding between the words "soccer" and "football" is a design problem. Medium.

• Designed Inconveniences: UX Patterns That Can't Be Taught. Medium.

• If you're building a conversational bot…Don't. Medium.

• The Future of Self-Driving Cars UX: Augmented Reality, Office Cars and More…. Medium.

Sazhimi is a web app that helps users to bulk import Shazam Tags into Spotify Playlists. This feature is just partially implemented in Shazam (single exports, playback only within the app). Sazhimi is also a UX experiment meant to explore procedural user flows. For this web app I designed a flow method called "restrictive progress " in which users are restricted from going back in the flow to repeat an action.

Roles: Product Designer, Full-Stack Developer.
Technologies: Python / Flask Framework, HTML, CSS, jQuery.

InfinitE Educational Dome was a Carnegie Mellon University project in joint with Chevron and Elizabeth Forward School District. The goal of the project was creating the first installation of an Energy Lab that would teach kids about Energy. We created an 48 inch touch interactive dome and a game that teaches kids about solar energy. We also created an iOS companion app.

Roles: Product Designer.
Technologies: Keynote, Photoshop, HTML/CSS/JS, Unity.

The Last Egg is a digital playground game that uses the PlayStation Move Controllers. The game consists of 3 rounds of 1 minute in which two teams need to fight for the egg (a randomly assigned PS Move). The game was chosen as a finalist of the IndieCade Game Festival 2014. I designed several game mechanics and provided all the sound effects for the game.

Roles: Game Designer, Sound Designer.
Technologies: Adobe Audition, Adobe Premiere, Unity.

Tetronic is a game created on top of a physical interactive platform known as the Jam-O-Drum. In Tetronic 4 players have to simultaneously play a circular tetris game and collaborate while the circumstances of the game change unexpectedly. I designed several game mechanics and provided all the sound effects for the game.

Roles: Game Designer, Sound Designer.
Technologies: Adobe Audition, Unity, Paper Prototyping.

Against all Odds is a VR Game that uses Playstation Move Controllers as input. The idea of the game is to guide an little spermatozoid through the journey of fecundation. I designed several game mechanics and provided all the sound effects for the game.

Roles: Game Designer, Sound Designer.
Technologies: Adobe Audition, Unity, Paper Prototyping.

Coverpocket -a sub-product of Coverwallet (+$40MM USD in Total Equity Funding)- provides a seamless experience to organize and renew insurance policies. Coverwallet asked me to provide UX Advice for this product.
I prepared a UX audit with recommendations to improve user-flows and learnability. I also designed their referral system and provided all the technical implementation specs.

Roles: Product and UX Consultant.
Technologies: Sketch, Keynote.

Saving-Hearts was a CMU project in Joint with AHN to create a mobile app that supports patient education and behavior change in adult patients suffering from heart failure. I designed all the initial concept of the app and all its main interaction, user flows, product logic and content layout. I user tested the product with real patients and gather data to create relevant iterations.

Roles: Product Designer.
Technologies: Keynote, Photoshop, HTML/CSS/JS (for Prototyping).

Age-Insight for LinkedIn is a Chrome Extension I developed as a side project in the Fall of 2015. The extension went viral and it got thousands of downloads. A very interesting debate around how appropiate was this extension when it comes to recruiting and the possibility of the extension being a facilitator for discrimination. As a result of the discussion and the feedback I shut down the extension.

Roles: Product Designer / Front-End Developer.
Technologies: HTML, CSS, jQuery / JavaScript, Chrome Extension Development.

GetScreenshot by Rasterwise is the first service of a series of API utilities I wrote and exposed as a service. GetScreenshot allows developers to take screeenshots of websites programatically by controlling multiple rendering varibles. In this project I have explored the role of User Experience Design in creating and producing APIs that are easy to understand and consume. This service has been mainly a personal excercise to understand the role of UX in the developer space.

Roles: Product Designer / Full Stack Developer.
Technologies: Node.JS, Python, Puppeteer, AWS EC2, AWS Lambda, AWS API Gateway, Amazon S3.

Waveguide is a project I started coding in late 2017. It was born out of frustration. I realized that at all my jobs as a designer I always faced a challenge when trying to find user experience patterns and examples on how to tackle specific design problems. Designers are constantly borrowing ideas from existing products and creating new innovations through incremental iterations that leverage on existing patterns. However finding patterns and examples is a hard task. Waveguide's goal is to index design examples of major brands and companies. Waveguide captures examples in every user journey moment and artificially augments each example with data like color and document layout information.

Roles: Product Designer / Full Stack Developer.
Technologies: Craft CMS, PHP, Twig, AWS Lambda, AWS API Gateway, Node.JS, Python, HTML, CSS, Vanilla JS, Vue.JS, Sketch.

Procore (+3 Billion USD Valuation) is the number one cloud-based construction management software application that helps firms increase their project efficiency and accountability by providing streamlined project communication and documentation. I worked at Procore as a Sr. Mobile Product Designer, leading design for all the mobile platforms (iOS, Android and Windows UWP).

Roles: Mobile Product Designer.
Technologies: Sketch, Framer, Flinto, Keynote, Photoshop, HTML-CSS-JavaScript.

Insta-Back is a small side project I created as a response to Instagram's Logo update. I designed a method that leverages phone native functions to recover the old logo. To achieve this I used the built-in iOS Safari Bookmarks and a deeplinking redirection that works based on the user agent detection. This project got viral and was featured in hundreds of publications worldwide.

Roles: Product Designer / Front-End Developer.
Technologies: HTML, CSS, jQuery / JavaScript.

LIFX Web Control is a Minimalist Chrome Extension to control connected LIFX lights. I wrote LIFX Web Control as a side project. As of today the extension has more than a thousand active users.

Roles: Product Designer / Front-End Developer.
Technologies: HTML, CSS, jQuery / JavaScript, Chrome Extension Development.

Netflix is the world's leading streaming entertainment service. As a Technical Product Designer for Netflix's Ads Platform, I help shape the future of advertising technology by designing sophisticated tools and systems used by advertisers and internal teams.

Part of my role involves operating at the executive level, where I help create and communicate product vision through strategic design artifacts, fostering alignment across multiple teams and stakeholders.

Most of my work is confidential but selected work can be shared upon request or in personal videocalls.

Roles: Technical Product Designer
Technologies: Design Systems, Figma, React, TypeScript

Meta (formerly Facebook) is one of the world's largest technology companies. At Meta, I led the design of critical developer tools and continuous integration experiences used by over 20,000 developers, helping to streamline and improve the development workflow across the company.

My primary focus was leading the design of Meta's CI/CD platforms, where I spearheaded a major initiative to enhance and unify the user experience of their release engines. This included modernizing Sandcastle, Meta's classic release engine, and improving Skycastle, their next-generation release platform, while ensuring a cohesive user journey between both systems to avoid fragmentation. These efforts significantly streamlined the development and deployment workflow for Meta's engineering teams.

Most of my work is confidential but selected work can be shared upon request or in personal videocalls.

Roles: Technical Product Designer
Technologies: React, Internal Design Systems, Figma

GitLab is a complete DevOps platform that enables professionals to perform all the tasks in a project—from project planning and source code management to monitoring and security. At GitLab, I contributed to the design of various developer tools and features that enhance the platform's usability and functionality.

Most of my work and code contributions can be seen live on GitLab Merge Requests (Google @jj-ramirez gitlab)

Roles: Technical Product Designer
Technologies: Vue.js, GitLab Design System, Figma