skills.rest
beelabstudio
beelabstudioOFFICIAL
Explore all skills by this author →
GitHub

especialista-ux-ui-saude

Designs UX/UI guidelines and conversion-focused layouts for health and wellness platforms.

Updated Mar 14, 2026
Search Tags:#accessibility#landing page#ux design#ui design#conversion optimization#health#wellness
One-click install
npx skills add https://github.com/beelabstudio/ai --skill especialista-ux-ui-saude-beelabstudio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: especialista-ux-ui-saude
Source: https://github.com/beelabstudio/ai/tree/main/skills/enabling/especialista-ux-ui-saude
Command: npx skills add https://github.com/beelabstudio/ai --skill especialista-ux-ui-saude-beelabstudio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Health and wellness professionals often struggle to create websites and applications that build patient trust while converting visitors into booked appointments. This Skill provides specialized UX/UI design guidance tailored to the health sector, covering color psychology, typography, accessibility, and conversion rate optimization. ## Core Features & Use Cases - Health-Specific Design Systems: Defines color palettes (sage green, warm beige, soft gold), typography pairings (serif headings with readable sans-serif body), and spacing rules suited to wellness brands. - Conversion Rate Optimization: Proposes high-conversion landing page structures, CTA placement, trust signals (certifications, testimonials, badges), and funnel analysis. - Accessibility & Mobile-First Validation: Enforces WCAG 2.1 AA standards, contrast checks, minimum font sizes, and responsive design decisions for every component. - Use Case: A physiotherapy clinic needs a landing page that converts visitors into bookings. Use this Skill to get an annotated wireframe, a compliant color and typography system, trust badge placement, and CRO recommendations. ## Quick Start Ask the assistant to design a high-conversion landing page layout for a wellness clinic following health-sector UX guidelines.

Frequently Asked Questions about especialista-ux-ui-saude

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a high-conversion landing page for a health clinic?▼

Structure the page with a clear visual hierarchy guiding users to a single CTA, use generous white space, and place trust signals like certifications and testimonials near booking widgets. Apply health-appropriate colors such as sage green with a saturated contrasting CTA color.

What colors work best for health and wellness websites?▼

Use sage green or soft olive as primary colors to convey health and nature, warm beige or off-white as secondary tones, and soft gold or terracotta as premium accents. Body text should be dark gray rather than pure black, and CTAs need saturated contrasting colors.

What typography should a wellness website use?▼

Pair an elegant serif like Playfair Display or Cormorant for headings with a readable sans-serif like Inter, Lato, or Open Sans for body text. Maintain a minimum body font size of 16px for readability and accessibility.

Does this design guidance meet WCAG accessibility standards?▼

Yes, the Skill enforces WCAG 2.1 AA compliance, including contrast ratio validation, minimum font sizes, and clear visual hierarchy. It recommends tools like Contrast Checker to verify accessibility during design reviews.

How do I add trust signals to a health professional's website?▼

Display professional registrations, years of experience, media appearances, and partner logos prominently near conversion points. Include real client testimonials with photos when available, and use high-quality professional imagery throughout.

What tools support health UX design and CRO analysis?▼

Use Figma or Adobe XD for design work, Hotjar or Microsoft Clarity for heatmap analysis, and Google PageSpeed Insights for visual stability checks. Browser DevTools handles responsive testing across device sizes.

Related Skills

Explore More Design & Creative Skills→
viktorbezdekviktorbezdek
10

user-research-to-insight

Transform qualitative user interview data into actionable product insights.

Community
Advanced
Muskan492Muskan492

frontend-builder

Develop web pages and reusable UI components with HTML, CSS, and JavaScript.

Community
Intermediate
elihuvillarauselihuvillaraus
2

ux-researcher

Analyze user behavior and conduct usability testing for design insights.

Community
Advanced
KsawyouxKsawyoux

copywriting

Generate and refine marketing copy for web pages with headlines, benefits, and calls to action.

Community
Intermediate