Overall Score
LipoHP is a visually stunning, luxury-positioned surgical training course website with elegant design and persuasive copy—but it's absolutely bleeding performance and accessibility issues that contradict its premium positioning. A masterclass in form-over-function irony.
The Roast
This website is like the liposuction it teaches: beautiful on the surface, but under the hood it's removing things that actually matter—like performance and accessibility. It takes 13 seconds to load the hero (slower than a post-op recovery), has a mobile performance score of 34 (basically flunking), and burns 2+ seconds on main thread blocking while Dr. Valente's visuals scream 'luxury.' It's the digital equivalent of looking ripped while being medically unfit—gorgeous abs, weak heart.
🎯 Start Here
Google PageSpeed Insights
(Real metrics from Google)These scores come directly from Google's PageSpeed API. The AI scores above evaluate broader aspects like copy, trust signals, and conversion.
Core Web Vitals
Performance
Mobile
Accessibility
SEO
Trust Signals
Conversion
Design & UX
Copy & Messaging
Performance
Catastrophically slow for a luxury brand website: LCP 13.1s (target <2.5s), mobile performance 34/100, TBT 2128ms (target <100ms), and unminified CSS/unused JS bleeding resources. This is the digital equivalent of showing up to a Rolex boutique with a broken watch.
Issues Found
- Main thread blocking (TBT 2128ms) suggests heavy JavaScript execution during page load—likely animation libraries, carousel logic, or form validation running synchronously
- LCP 13.1s indicates largest contentful paint is a large hero image or video element not being optimized/lazy-loaded; no evidence of image optimization or CDN caching
- Unminified CSS and unused JavaScript indicates build pipeline not optimized; no code-splitting, tree-shaking, or dynamic imports detected
Recommendations
-
Minify and bundle CSS; defer non-critical JS high
Run CSS through minifier, split into critical (above-fold) and deferred stylesheets, use async/defer on script tags, and eliminate unused JS libraries (especially carousel/animation libs if not all used).
-
Optimize hero image: compress, resize, serve WebP + AVIF high
Reduce hero background from assumed 800KB+ to <100KB via aggressive lossy compression; serve responsive variants (1920px desktop, 800px tablet, 400px mobile) via srcset and picture elements.
-
Implement font subsetting and preload critical fonts medium
Subset custom fonts to Latin-extended (Portuguese diacritics only), preload font files, and use font-display: swap to avoid invisible text during load.
Mobile
Responsive layout is visually coherent but performance is abysmal (34/100), and touch targets/spacing appear adequate—however, carousel and form interaction likely suffer from poor touch feedback and slow response due to TBT.
Issues Found
- Performance (34/100) makes mobile experience sluggish; hero takes 13+ seconds to load, carousel may stutter due to 2128ms TBT, and form submission will feel unresponsive
- Navigation menu (hamburger icon visible in mobile screenshots) is compact but no visual feedback evident—users may not know if tap registered due to performance lag
- Mobile hero text is readable but narrow viewport may truncate CTA button text or force awkward wrapping; button sizes appear >48px (good) but spacing under hero may be tight
Recommendations
-
Implement mobile-first performance budget high
Target LCP <3s, FCP <1.5s, TBT <50ms on mobile 4G; measure with Lighthouse and Real User Monitoring (RUM) weekly.
-
Add haptic feedback and loading states to mobile buttons medium
Use CSS active state and (optionally) navigator.vibrate() for tactile feedback; show spinner during form submission to confirm interaction.
-
Test carousel on mobile and disable auto-play medium
Ensure swipe navigation works smoothly; disable carousel auto-rotation on mobile to reduce CPU load and improve perceived responsiveness.
Accessibility
Decent ARIA coverage (78 attributes) and zero missing alt text, but no skip-to-main-content link, dark theme lacks tested color contrast ratios, and likely keyboard navigation friction in carousels and forms.
Issues Found
- No skip link detected; users must tab through navigation to reach main content—violates WCAG 2.4.1 (Bypass Blocks)
- Dark background (#1a2332 approx.) with light text relies on sufficient contrast; no evidence of contrast testing (likely passes WCAG AA for body text, but small text in nav/footer may fail)
- Auto-rotating carousel with 'Pular agenda' button suggests users are trapped in carousel navigation; likely fails keyboard accessibility tests (WCAG 2.1.1, 2.4.3)
Recommendations
-
Add visible skip-to-main-content link high
Insert <a href="#main"> at top of body, hidden off-screen, visible on focus; link to id="main" on first content section (after hero).
-
Disable carousel auto-play and add keyboard controls high
Remove auto-rotation, implement arrow key navigation (left/right to prev/next), ensure focus trap logic is correct, and announce slide changes to screen readers via aria-live.
-
Test color contrast ratios in dark theme and document pass/fail medium
Run axe DevTools or WAVE to verify WCAG AA (4.5:1 for text) and AAA (7:1 preferred); adjust text color or background if needed.
SEO
Decent on-page SEO fundamentals (1 H1, good heading structure, no alt-text gaps)—but weak mobile SEO score (0/100) signals mobile indexing issues, likely due to performance and unindexable JavaScript-heavy sections.
Issues Found
- Mobile SEO score of 0 is critical red flag; suggests Google Mobile-Friendly test failing, likely due to performance (LCP 13.1s) and TBT (2128ms) breaching Core Web Vitals thresholds that impact mobile ranking
- No schema markup for course/event detected; missing Event or Course JSON-LD would help search rank for 'liposuction masterclass', 'surgical training course', etc.
- Meta description is well-written but doesn't include date/location inline (embedded in body), making it less scannable in SERPs; 'agosto 2026' is cut off
Recommendations
-
Add Event and Course JSON-LD schema high
Implement structured data for course title, date (14–16 ago 2026), location (Belo Horizonte), organizer (Dr. Valente), capacity (10), and application URL to boost rich snippet eligibility.
-
Fix Core Web Vitals to unlock mobile SEO recovery high
Reduce LCP (target <2.5s) and TBT (<100ms) via code splitting, image optimization, and JS deferral; mobile SEO score will recover after CrUX improves.
-
Revise meta description to include date and location medium
Rewrite as 'Imersão LipoHP · 14–16 Ago 2026 · Belo Horizonte. Técnica de contorno corporal aceita para publicação em PRS, documentada em 962 pacientes. 10 vagas para cirurgiões.'
Trust Signals
Strong credibility anchors (962 documented patients, PRS Journal publication, Dr. Augusto Valente's credentials, limited cohort of 10) are embedded in copy and visible in footer—but testimonials, case studies, and institutional affiliations lack prominence and visual polish.
Issues Found
- Trust signals ('962 pacientes documentados · PRS Journal', 'Apenas 10 vagas') are mentioned but not visually emphasized; no badges, icons, or highlighted callout boxes make them pop
- No patient testimonials, surgeon testimonials, or video case studies visible in provided screenshots; footer mentions Hospital São Rafael but no logos or institutional partnerships shown
- Scientific credibility (DOI 10.1097/PRS, PubMed indexing) is referenced in footer small-text—should be more prominent near hero or in dedicated 'Evidence' section
Recommendations
-
Create prominent 'Evidence' visual section above fold high
Add hero-adjacent section with 3 columns: '962 Patients', 'Published in PRS', '2025 Course Accepted'; use large typography and subtle icons.
-
Embed 1–2 surgeon testimonials with headshots near CTAs medium
Feature quote from attending surgeon: 'The technique changed my practice' + name, title, hospital; builds peer credibility.
-
Add Hospital São Rafael logo + institutional affiliation badge medium
Display hospital logo in header or footer; consider adding 'Endorsed by Hospital São Rafael' near Dr. Valente's credentials.
Conversion
Multiple well-placed CTAs ('Solicitar análise de candidatura', 'Solicitar admissão à imersão') with high visual hierarchy (blue buttons, generous padding), but form design is unclear—no visible form fields in screenshots, and CTA redundancy dilutes focus.
Issues Found
- Three form submissions detected but no form UI visible in screenshots; CTAs likely trigger modal or offscreen form—users can't preview what they're entering before committing
- CTA placement is repetitive (hero + below-fold + above-fold); lack of micro-conversion steps (e.g., 'Watch course overview' → 'Download curriculum' → 'Request candidacy review') misses nurture funnel opportunity
- No visible social proof, testimonials, or success metrics near CTAs (e.g., '156 surgeons trained in 2024', 'Published in Plastic & Reconstructive Surgery'); missed trust-building moment
Recommendations
-
Consolidate CTAs into primary + secondary actions high
Primary CTA: 'Solicitar análise de candidatura' (above fold); secondary: 'Ver a evidência' (data/proof); eliminate duplicate 'Solicitar admissão'.
-
Reveal form fields inline or in lightweight modal with preview medium
Show form on-page or in modal with transparent background so users see what they're filling; add progress indicator (Step 1 of 3) to reduce friction.
-
Add trust block near primary CTA medium
Insert small section: '962 patients · Published in PRS Journal · 14-day immersion · Limited to 10 surgeons' with icons for social proof.
Design & UX
Sophisticated, minimalist dark luxury aesthetic with excellent visual hierarchy, white-space discipline, and premium typography that positions the offering as elite—but the gorgeous veneer masks janky underlying performance that breaks the experience.
Issues Found
- Hero carousel (carousel shown but 'Pular agenda' suggests auto-rotation) creates unpredictable focus and keyboard navigation friction
- Deep page length (~29k px) with heavy visual/animation reliance likely drives performance degradation; no obvious progressive disclosure or tab-based navigation to break content into digestible chunks
- Oversized hero background image and multi-layer overlays (dark overlay + medical imagery) are performance anchors but feel necessary for luxury positioning—poor optimization trade-off
Recommendations
-
Lazy-load below-the-fold sections aggressively high
Implement intersection observer to defer image loading, video embed initialization, and animation triggers until sections enter viewport.
-
Replace auto-rotating carousel with static hero + thumbnail carousel medium
Remove auto-play, allow manual navigation only; static primary image reduces CLS and layout thrashing.
-
Reduce hero image file size via aggressive compression + WebP high
Current hero background is likely >500KB; compress to <150KB and serve WebP to modern browsers.
Copy & Messaging
Exceptional copywriting that reframes liposuction philosophy from 'more marking' to 'natural elegance'—articulate, philosophical, and emotionally resonant for premium surgeon audience. Repetition of key concepts ('O que tratar, O que preservar, E onde parar') is rhetorically powerful but verges on being over-tooled.
Issues Found
- Value prop relies heavily on italicized Portuguese phrases ('E o paciente premium percebe essa diferença') that may alienate non-Portuguese-fluent international surgeons in target cohort
- Repeated CTA verbiage ('Solicitar análise de candidatura' vs. 'Solicitar admissão' vs. 'Solicitar admissão à imersão') creates micro-confusion about what differentiates these actions
- Heavy metaphorical language is elegant but may obscure concrete course differentiators—'natural elegance' is persuasive but what specific hands-on modules justify the exclusivity?
Recommendations
-
Standardize CTA labels with clear action hierarchy medium
Use primary CTA 'Solicitar análise de candidatura' consistently; use secondary 'Ver a evidência' for exploration path; eliminate redundant variants.
-
Add concrete module breakdown below philosophy section medium
Insert a 3–4 bullet list: 'Diagnóstico pré-operatório', 'Técnica de preservação seletiva', 'Discussão de casos ao vivo' to ground abstract copy in tangible course structure.
-
Offer English subtitle for non-Portuguese speaker accessibility low
Add small English translation toggle or bilingual headings for international surgeons (Europe, North America likely in target ICP).
Think you can beat 66/100?
Get your site brutally analyzed by the same AI. 8 scores, a punch list of fixes, 60 seconds.