Skip to content
View miguelclavel's full-sized avatar

Block or report miguelclavel

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
miguelclavel/README.md

Miguel Clavel. Complex products, made simple. Senior Product Designer at U.S. News & World Report. I design fintech, insurance and credit products used by more than 40 million people a year.

View my portfolioAsk my portfolio

LinkedIn  ·  Resume (PDF)  ·  Live demos  ·  hello@miguelclavel.com

40M+ people a year use the products I design. 23 form fields became 19 tap-answered questions. Site audit score from 66 to 88 after the insurance hub rebuild. 40% less time on research synthesis and prototyping.

Selected work. Six of my twelve case studies.

Conversational Insurance Flow. U.S. News. 23 form fields became 19 questions you answer with a tap. Read the case study.Insurance Landing Page. U.S. News. A quote form first, and the site audit score went from 66 to 88. Read the case study.360 Homepage Redesign. U.S. News 360 Reviews. Heatmaps turned a content directory into product discovery. Read the case study.Comparison System. U.S. News. One comparison pattern, from a wide desktop table to a phone. Read the case study.U.S. News Brand Guide. A brand nobody owned, turned into a 54 page system. Read the case study.Miami HEAT Homepage. HEAT.com relaunched, editorial and commerce on every gameday. Read the case study.

Six more case studies

Built with Claude Code. Designed, coded and shipped by me.

chat.miguelclavel.com. A portfolio you can talk to. Answers I wrote myself, never guessed. It matches 2,389 of 2,391 test questions. Try it.miguelclavel.com. Twelve case studies, one long scroll, rebuilt side by side with Claude. Visit the site.

How they were built: chat-portfolio and its build log · what broke at launch on miguelclavel.com

Designing with AI. Free kits, skills and prompts.

AI UX patterns: seven patterns for AI people can trust, each with a live demo.Claude skills for designers: ten Claude Code skills from my own process.UX research skills: eighteen skills, one per research job.AI prompts for designers: ten prompts, each with the checks to run.Product design playbook: eight steps from a vague request to live, with free templates.Portfolio chat starter: a portfolio people can talk to, in one file.

Find any of my 28 skills by job. They install in Claude Code in two commands; the research set is ux-research-skills@miguelclavel.

/plugin marketplace add miguelclavel/claude-skills-for-designers
/plugin install claude-skills-for-designers@miguelclavel

Things you can copy. Prompt included.

A pixel trail following the pointer around a namePixel Run, a small runner game where the blocks spell a name

Interaction recipes: twenty small interactions and fixes from my two portfolios, each with a recording, what went wrong, and the prompt to build your own. Pixel Run: the game in my footer, where the blocks you jump spell my name.

One repo and live page each: name-hover · pixel-trail · wave-line · scroll-into-header · pixel-dissolve · dark-mode · sticker-burst · curve-carousel · portfolio-details · pixel-run-game

How I work. Before I open Figma, I ask three questions. 1, What behavior are we trying to change? 2, What evidence tells us this is the real problem? 3, What happens if we do nothing? On AI: I use it every day for research synthesis, exploring directions and building working prototypes. It cut my synthesis time by about 40%. I am a product designer who understands AI, not an AI person who makes websites.

Experience. Ten years in design.

Experience. 2022 to now, U.S. News & World Report, Senior Product Designer, FinTech: credit cards, insurance and loans, and before that Enterprise Systems and 360 Reviews. 2021 to 2022, Miami HEAT, Digital Experience Designer. 2019 to 2021, Empire Medical Training, Senior Graphic Designer, Digital Experience and Brand Strategy. 2014 to 2019, BLU Products, Graphic Designer, Product, Retail and Digital Experience. Education: Florida Atlantic University, BFA in Graphic Design.

Practice: product strategy, information architecture, journey mapping, user research, usability testing, A/B testing, design systems, accessibility (WCAG), conversational and agentic UX, AI product design. Tools: Figma, FigJam, Figma Make, Claude, Claude Code, v0, analytics and heatmaps.

More in the wiki: every case study, how I work with AI, and the interaction prompts. Work is shown for portfolio purposes and was produced during my employment with the companies named. Confidential material has been omitted or altered.

Pinned Loading

  1. miguelclavel.com miguelclavel.com Public

    My portfolio: twelve case studies in one long scroll, rebuilt with Claude Code. Every small interaction on it is open, with the prompt.

  2. chat-portfolio chat-portfolio Public

    A portfolio you can talk to. Answers written by me from my resume and case studies, a job post matcher, and a weekly loop that learns from real questions.

  3. interaction-recipes interaction-recipes Public

    Twenty small interactions and fixes from my two portfolios, each with a recording and the exact prompt to build your own.

    HTML

  4. pixel-run-game pixel-run-game Public

    The little endless runner from the footer of miguelclavel.com. One file, React 18, no build step. Bring your own face.

    JavaScript

  5. ai-ux-patterns ai-ux-patterns Public

    Seven interface patterns for AI products people can trust, each with a working demo: sources, confidence, editable output, undo, why we ask, boundaries, review before acting.

    HTML

  6. product-design-playbook product-design-playbook Public

    How I take a product from a vague request to live and keep it improving: eight steps, real examples, and free templates.