How do I explain what I do at a party? The short version is that I say I love to solve problems, I humanize technology, I bring ideas to life.
My Journey
I'm John Delatorre, a Full-Stack Product Designer from New York 🇺🇸 with Peruvian roots 🇵🇪 and a proud father of two amazing daughters.
My journey began in graphic design—working across print, branding, packaging, and animation—before evolving into a dual focus on UI design and front-end development, where I built responsive interfaces using HTML, CSS, SASS, and JavaScript while applying strong visual design principles. 🎨💻
Over the years, I've grown into a designer who blends user research, visual systems thinking, and usability strategy to shape meaningful, data-rich product experiences. My tech background allows me to move fluidly between design and engineering—aligning vision, logic, and execution across teams.
At Relo Metrics, I lead usability and design strategy for two core platforms:
- 📊 Relo Census: a sponsorship intelligence platform I helped build from the ground up, enabling brands and agencies to evaluate performance and make confident decisions faster.
- 📈 Media Value Center (MVC): a flagship analytics tool I transformed through a full redesign focused on clarity, speed, and user engagement.
I bring ideas to life with empathy, precision, and an iterative toolkit that includes Figma, UX Pilot, v0.dev, Cursor, ChatGPT, and Vercel.
🗣️ I speak 3 languages: English, Spanish, and HTML.
Experience
Product Design Lead
- Own: end-to-end UX and design strategy for Relo Census and the Media Value Center (MVC), two core AI-driven analytics platforms used by global sports sponsors and agencies.
- Collaborate: closely with PMs, engineering, and stakeholders to align product vision with scalable, human-first design systems.
- Prototype: rapidly in v0.dev and validate UI flows in UX Pilot using heatmaps and behavioral feedback.
- Deploy: high-fidelity, interactive prototypes via Vercel for internal demos and client validation—accelerating decision-making and iteration cycles.
- Research: user behavior, conduct experience mapping, and lead workshops to define and refine product journeys.
- Analyze: engagement and friction points using Pendo and Looker to inform iterative design improvements.
- Tools: Figma, FigJam, v0.dev, UX Pilot, Vercel, Pendo, Looker, UserTesting.com, Miro, Ant Design, HTML, CSS.
Product Design Lead
- Oversee end-to-end UX for Digital Consent & Translations Management Tools in Clinical Trials Approval process.
- Conduct user research and continuous discovery strategies to enhance tool efficiency and user experience.
- Contribute to Design System Team, creating scalable and accessible component libraries.
- Design wireframes and prototypes for seamless collaboration with tech teams.
- Tools: Figma, FigJam, LookBack (User Testing), Miro, Pendo Analytics.
Senior Product Designer
- Develop research plans and discovery methods to enhance platform usability and scalability.
- Identify user pain points and create user-centric, metrics-driven design solutions.
- Design wireframes, mockups, and interactive prototypes for testing and tech teams.
- Synthesize user testing results and iterate on designs.
- Tools: Figma, FigJam, LookBack (User Testing), Pendo Analytics.
UX Design Team Lead
- Spearhead UX Architecture for JPMorgan Chase's Business clients' digital banking onboarding platform.
- Design advanced Commercial Client In-take Desktop and Mobile Native Platform with complex UI interactions.
- Perform ongoing discovery meetings with clients to identify pain points and challenges.
- Collaborate with product and tech teams for smooth implementation and iteration.
- Manage and mentor a team of 4-6 UX designers and one creative technologist.
Senior Product Designer
- Engage closely with product and tech on B2B trading products to improve UX Architecture, User Experience, and Visual Design, while addressing customer success backlog concerns.
- Conduct shadowing user research sessions with end users, such as Traders and Brokers, to gain valuable insights.
- Design high fidelity mockups based on end user feedback to evolve prototypes, ensuring a seamless user experience.
- Buid clickable HTML/CSS coded prototypes to test with end users, gathering feedback and input for refinement.
- Tools: Figma, FigJam, GitHub, Commandline Tools, HTML, CSS.
Design Engineer
- Partner with Product Managers and Business Analysts to refine and design the appearance and functionality of new features for the E*TRADE Trade and Sell Platform.
- Coordinate with UX Researchers to comprehend design flow prototypes for testing purposes.
- Design comprehensive user flow design wireframes, incorporating edge case scenarios to ensure seamless functionality.
- Develop coded HTML5/CSS Angular.js prototypes to facilitate user testing and validate design effectiveness.
- Tools: Sketch, HTML, CSS, SASS, Angular.js, Visual Studio Code, GitHub, and Command Line Tools, SSH.
Expertise
Research & Design
-
Discovery
Usability Testing, Personas, Journey Maps
-
Research
Heuristic Analysis, Product Analytics
-
UX Design
Interaction Design, Clickable Prototypes
-
Visual Design
Theming, Design Systems, Page Layouts
Tools & Technology
-
Design
Figma, FigJam, Miro, Creative Cloud
-
Analytics
LookBack, Pendo Analytics, Mentimeter
-
Documentation
Microsoft Office, Google Docs, Jira
-
Technologies
HTML5, CSS, SASS, JS, StoryBook
