{{ heroHeadlineEl }}

{{ t.heroSub }}

{{ t.selectedWork }}

{{ t.selectedWorkDesc }}

{{ t.yearsBefore }}

{{ t.navGraphic }}

{{ t.yearsBeforeDesc }}

Jonathan Jordan

{{ t.aboutHello }}
{{ t.aboutMyName }}
{{ t.aboutJonathan }}

{{ t.aboutP1 }}

{{ t.aboutP2 }}

{{ t.aboutP3 }}

{{ t.contactHeadline }}

{{ t.contactIntro }}

{{ t.contactEmailLabel }} hello@jonathanjordan.art {{ t.contactBehanceLabel }} /jordanart in {{ t.contactLinkedinLabel }} /in/jonathanjordan7
{{ t.backToIllustration }}

SpotOn Illustrations

{{ t.descSpotonIllustrations }}

{{ t.backToGraphic }}

Pharma ads

{{ t.descPharmaAds }}

{{ t.backToGraphic }}

Logos

{{ t.descLogos }} {{ logoCount }} {{ t.wordPieces }}.

{{ t.backToGraphic }}

Electronic Flyers

{{ t.descFlyers }} {{ flyerCount }} {{ t.wordPieces }}.

{{ t.backToGraphic }}

SpotOn Social Media

{{ t.descSpotonSocial }}

{{ t.pillarMilestones }}

{{ t.pillarProduct }}

{{ t.pillarEvents }}

{{ t.pillarSpotlights }}

{{ t.pillarCareers }}

{{ t.pillarClients }}

{{ t.pillarCommentary }}

{{ t.backToWeb }}

nerDigital

{{ t.descNerdigital }}

{{ t.ndHero }}
{{ t.ndValueProps }} {{ t.ndValueProps }}
{{ t.ndWhyChoose }} {{ t.ndWhyChoose }}
{{ t.ndTrustBadges }} {{ t.ndTrustBadges }}
{{ t.ndFormula }} {{ t.ndFormula }}
{{ t.ndAllInOne }} {{ t.ndAllInOne }}
{{ t.ndAiAssistant }} {{ t.ndAiAssistant }}
{{ t.ndClientLogos }} {{ t.ndClientLogos }}
{{ t.ndClosingCta }} {{ t.ndClosingCta }}
{{ t.ndFooter }} {{ t.ndFooter }}
{{ t.backToWeb }}
{{ t.backToWeb }}

Derek Griffith's True Nature

{{ t.descDgtn }}

Derek Griffith's True Nature — full page
{{ t.backToWeb }}
{{ t.backToWeb }}

ELITE, by Memorable Travel

{{ t.descElite }}

ELITE, by Memorable Travel — project strip

Look & feel alternative

ELITE — look and feel alternative
{{ t.backToWeb }}
{{ t.backToWeb }}

AAXIS

{{ t.descAaxis }}

AAXIS project strip
{{ t.backToWeb }}
{{ t.backToWeb }}

Air Bender

{{ t.descAirbender }}

Air Bender case study
{{ t.backToWeb }}
{{ t.backToWeb }}

Bausch + Lomb ULTRA Microsite

{{ t.descBlUltra }}

Bausch + Lomb ULTRA Microsite — page top
Bausch + Lomb ULTRA Microsite — vision panels
Bausch + Lomb ULTRA Microsite — page bottom
{{ t.backToWeb }}
{{ t.backToGraphic }}

Infographics

{{ t.descInfographicsHub }}

{{ t.backToInfographics }}

Tecnofarma

{{ t.descTecnofarma }}

Tecnofarma — the circulatory system
{{ t.backToInfographics }}
{{ t.backToInfographics }}

SpotOn — The Growing Demand for Contactless

A stats-and-flowchart infographic on contactless payment adoption.

The Growing Demand for Contactless
{{ t.backToInfographics }}
{{ t.backToInfographics }}

From Click to Cosmos

{{ t.descClickToCosmos }}

Xpider Digital — Turning Clicks Into Global Impact
{{ t.backToInfographics }}

Mostly my stories. Maybe yours next.

{{ t.tabUxDesc }}

Brand, print and campaign work.

Web design and front-of-funnel storytelling.

{{ t.tabGraphicDesc }}

{{ t.tabWebDesc }}

Product and UX/UI case studies — flows, wireframes and interface systems for B2B operations tools.

{{ t.tabIllustrationDesc }}

{{ piece.title }} {{ piece.medium }}

{{ t.resumeTitle }}

{{ t.resumeSubtitle }}

{{ t.resumeProfile }}

{{ t.resumeName }}
Jonathan Irving Jordan
{{ t.resumeResidence }}
Mexico (Mexico City)

{{ t.resumeLicenses }}

IxDF — Interaction Design Foundation

ID 176123

  • Human Computer Interaction: The Foundations of UX Design
  • Mobile UI Design
  • Mobile UX Strategy: How to Build Successful Products

Certiprof

ID 101150234

Scrum Foundation Professional Certificate (SFPC)

{{ t.resumeTools }}

Figma · FigJam · Adobe Creative Suite (Photoshop, Illustrator, InDesign, Firefly, After Effects) · Sketch / XD · Jira / Confluence

{{ t.resumeEducation }}

Instituto de Diseño de Caracas

Bachelor in Graphic Arts · 2008–2011

{{ t.resumeLanguages }}

Spanish
Native
English
Level C1 (advanced)

{{ t.resumeContactPortfolio }}

{{ t.resumeSkills }}

Product & UX

  • UX DesignEnd-to-end flows for B2B ops tools
  • UI DesignInterfaces used daily in real operations
  • User ResearchInterviews to shape Shield & Pathfinder
  • Design ThinkingFraming problems before drawing screens
  • E2E Product DesignFrom brief to shipped interface
  • User Flows & Journey MappingMapped recovery & policy workflows
  • Wireframing & PrototypingLow-fi to clickable Figma flows
  • Design System Implementation (Tailwind CSS, Hero UI)Built component libraries for dev handoff
  • UI Layout Design (web & mobile)Dashboards, mobile apps, landing pages

Visual & Brand

  • Visual HierarchyGuiding the eye through dense data
  • Layout & CompositionGrid-based structure across mediums
  • TypographyType systems for brand and product
  • Color Theory & ApplicationPalettes that carry meaning, not noise
  • Spacing & Grid SystemsConsistent rhythm across every screen
  • Iconography & Visual LanguageCustom icon sets for product UI
  • Brand Identity DesignLogos, systems, full brand kits
  • Logo Design25+ brand marks shipped
  • Brand GuidelinesDocs that keep brands consistent
  • Visual StorytellingIllustration that carries a narrative
  • Photo ManipulationComposite imagery for campaigns

Content & Campaigns

  • Pitch Decks & PresentationsInvestor and sales-ready decks
  • Social Media GraphicsSpotOn's 7-pillar content system
  • Master GraphicsReusable templates for fast campaigns
  • Campaign VisualsPharma & consumer ad campaigns
  • Email & Digital AssetsOn-brand assets across channels

Collaboration & Process

  • Branding & Visual SystemsIdentity systems end to end
  • Cross-functional CollaborationWorking daily with PMs & engineers
  • Design Handoff & Dev CollaborationSpecs devs can build from directly
  • Agile (Scrum)Shipped in sprints, not silos

AI-assisted workflow

  • ClaudeDrafting, iterating, this very site
  • GeminiResearch and content support
  • ChatGPTQuick drafts and exploration
  • LovableRapid prototyping experiments
  • Figma MakeAI-assisted UI exploration

{{ t.resumeExperience }}

Encontrack

Mexico City

March 2024 — May 2026

UX/UI Designer

Designed and refined internal tools for a fleet tracking and vehicle recovery platform used across Mexico and Latin America. Collaborated with cross-functional teams to research, wireframe, prototype and test interfaces that streamlined logistics operations and supported real-time decision-making. Focused on usability, visual clarity, and aligning design with both technical and business goals.

Xpider Digital

Mexico City — Costa Rica

March 2023 — March 2024

UX/UI Designer · Senior Creative & Brand Designer

Designed web interfaces that balance usability with brand identity. Contributed across research, wireframing, UI design and testing — always aligning solutions with stakeholder needs. Also supported brand creation projects to ensure visual consistency across platforms.

SpotOn

Mexico City — USA

February 2020 — January 2023

UI/UX Designer · Senior Brand Marketing Designer

Helped shape the brand from the ground up — identity development, marketing materials and web design, ensuring consistency across touchpoints. As the brand matured, translated its core elements into scalable UI kits and reusable components, bridging identity with product design.

AD Acosta

Mexico City

June 2017 — January 2020

UI/UX Designer · Senior Brand Designer

Valuable experience in the pharmaceutical sector, working with brands like Bausch + Lomb, Merck, Roche and Novartis. Designed and presented web interfaces and digital assets tailored to strict industry standards — clear, accessible designs aligned with each brand's identity and medical communication needs.

Asylum Marketing

Venezuela — Panama

August 2015 — December 2015

Senior Graphic Designer

First outsourced/remote role and last job based in my home country. Worked from Venezuela to Panama and Miami headquarters with a team of marketing experts, creating campaigns and digital assets for brands like Cerveza Panamá, Colombina and Duracell.

Go Pro Sport Management

Venezuela

December 2014 — August 2015

Senior Graphic Designer · UI/Web Designer

Worked with well-known football players from Venezuela, Colombia and a few from Europe — UI and website design services for each player represented by the agency, plus brand creation and marketing across digital platforms.

La Web, Mercadeo Interactivo

Venezuela

June 2014 — December 2014

Senior Graphic Designer · UI/Web Designer

First websites and digital products for a brewery brand (Polar / Polar Light), including my first collaboration with developers and stakeholders.

221 Baker Publicidad

Venezuela

April 2013 — May 2014

Web Designer · Junior Graphic Designer · Illustrator

First advertising-agency role — printed illustrations for large indoor campaigns, plus involvement in brainstorming and campaign pitching for various brands.

DPG Producciones

Venezuela

January 2012 — March 2013

Junior Graphic Designer · Illustrator

Early design and illustration work on projects tied to Venezuela's cultural and musical scene.

{{ t.backToUx }}

{{ t.shieldH1 }}

{{ t.snapshotLabel }}

{{ t.lblProblem }}
{{ t.shieldProblem }}
{{ t.lblUsers }}
{{ t.shieldUsers }}
{{ t.lblGoal }}
{{ t.shieldGoal }}
{{ t.lblRole }}
{{ t.shieldRole }}
{{ t.lblImpact }}
{{ t.shieldImpact }}

{{ t.secContext }}

{{ t.shieldContext }}

{{ t.secApproach }}

{{ t.shieldApproachP1 }}

{{ t.shieldApproachP2 }}

{{ t.secKeyDecision }}

{{ t.shieldKeyDecision }}

{{ t.secSolution }}

  • {{ t.shieldSolLi1 }}
  • {{ t.shieldSolLi2 }}
  • {{ t.shieldSolLi3 }}
  • {{ t.shieldSolLi4 }}

{{ t.secMyRole }}

{{ t.shieldMyRole }}

{{ t.secUiScreens }}

{{ t.secComponentLibrary }}

{{ t.backToUx }}

{{ t.novaH1 }}

{{ t.snapshotLabel }}

{{ t.lblProblem }}
{{ t.novaProblem }}
{{ t.lblUsers }}
{{ t.novaUsers }}
{{ t.lblGoal }}
{{ t.novaGoal }}
{{ t.lblRole }}
{{ t.novaRole }}
{{ t.lblImpact }}
{{ t.novaImpact }}

{{ t.secContext }}

{{ t.novaContext }}

{{ t.secApproach }}

{{ t.novaApproachP1 }}

  • {{ t.novaApLi1 }}
  • {{ t.novaApLi2 }}
  • {{ t.novaApLi3 }}

{{ t.secKeyDecision }}

{{ t.novaKeyDecision }}

{{ t.secSolution }}

  • {{ t.novaSolLi1 }}
  • {{ t.novaSolLi2 }}
  • {{ t.novaSolLi3 }}
  • {{ t.novaSolLi4 }}

{{ t.secMyRole }}

{{ t.novaMyRole }}

{{ t.secUiScreens }}

{{ t.backToUx }}

{{ t.pfH1 }}

{{ t.snapshotLabel }}

{{ t.lblProblem }}
{{ t.pfProblem }}
{{ t.lblUsers }}
{{ t.pfUsers }}
{{ t.lblGoal }}
{{ t.pfGoal }}
{{ t.lblRole }}
{{ t.pfRole }}
{{ t.lblImpact }}
{{ t.pfImpact }}

{{ t.secContext }}

{{ t.pfContext }}

{{ t.secApproach }}

{{ t.pfApproachP1 }}

  • {{ t.pfApLi1 }}
  • {{ t.pfApLi2 }}
  • {{ t.pfApLi3 }}

{{ t.secKeyDecision }}

{{ t.pfKeyDecision }}

{{ t.secSolution }}

  • {{ t.pfSolLi1 }}
  • {{ t.pfSolLi2 }}
  • {{ t.pfSolLi3 }}
  • {{ t.pfSolLi4 }}
  • {{ t.pfSolLi5 }}

{{ t.secMyRole }}

{{ t.pfMyRole }}

{{ t.secUiScreens }}

{{ t.secComponentLibrary }}

{{ t.backToUx }}

{{ t.crH1 }}

{{ t.snapshotLabel }}

{{ t.lblProblem }}
{{ t.crProblem }}
{{ t.lblUsers }}
{{ t.crUsers }}
{{ t.lblGoal }}
{{ t.crGoal }}
{{ t.lblRole }}
{{ t.crRole }}
{{ t.lblImpact }}
{{ t.crImpact }}

{{ t.secContext }}

{{ t.crContext }}

{{ t.secApproach }}

{{ t.crApproach }}

{{ t.secKeyDecision }}

{{ t.crKeyDecision }}

{{ t.secSolution }}

  • {{ t.crSolLi1 }}
  • {{ t.crSolLi2 }}
  • {{ t.crSolLi3 }}
  • {{ t.crSolLi4 }}

{{ t.secMyRole }}

{{ t.crMyRole }}

{{ t.secUiScreens }}

{{ t.secComponentLibrary }}

{{ artZoomImgEl }}

{{ artTitle }}

{{ artDescription }}

{{ artMainImgEl }}

{{ t.zoomHint }}

{{ artMainLabel }}

{{ artTitle }}

{{ artDescription }}

{{ t.zoomHint }}

{{ artMainLabel }}

{{ lbCounter }}
{{ lbImgEl }}

{{ lbCaption }}