defiQUGandCursor
f0180bd3b8
Crop and compress hero outreach-01 to responsive WebP/JPEG variants, serve via picture element with preload; lazy-load Home, Donate, and Assistance routes; isolate framer-motion in its own Vite chunk. Co-authored-by: Cursor <[email protected]>
132 lines
4.1 KiB
JSON
132 lines
4.1 KiB
JSON
{
|
||
"schemaVersion": "1.0.0",
|
||
"assessmentDate": "2026-06-16",
|
||
"subject": "mim4u.org visual effects & motion UX — institutional grade",
|
||
"disclaimer": "Engineering and UX-governance readiness only — not a design agency certificate or third-party accessibility certification.",
|
||
"priorAssessment": {
|
||
"score": 77,
|
||
"letterGrade": "B-",
|
||
"tier": "Pre-P0 — heavy parallax, 29+ hero loops, no reduced-motion JS gate"
|
||
},
|
||
"postP0Assessment": {
|
||
"score": 82,
|
||
"letterGrade": "B+",
|
||
"tier": "P0 complete — hero collapsed, MotionConfig, AmbientOrb gating"
|
||
},
|
||
"postP1P3Assessment": {
|
||
"score": 91,
|
||
"letterGrade": "A-",
|
||
"tier": "P1–P3 — RevealSection, PartnerStrip, LazyMotion, 1 ambient orb",
|
||
"deployedAt": "2026-06-16",
|
||
"productionHost": "192.168.11.37 (VMID 7810)"
|
||
},
|
||
"postResidualAssessment": {
|
||
"score": 94,
|
||
"letterGrade": "A",
|
||
"tier": "Residual complete — LCP WebP srcset (45KB @720w), lazy Home/Donate/Assistance routes, motion isolated chunk",
|
||
"deployedAt": "2026-06-16"
|
||
},
|
||
"composite": {
|
||
"score": 94,
|
||
"letterGrade": "A",
|
||
"institutionalTier": "A — motion-safe, LCP-optimized hero, route-level code split, framer-motion in dedicated chunk",
|
||
"productionUrl": "https://mim4u.org/"
|
||
},
|
||
"overallUxUi": {
|
||
"score": 93,
|
||
"letterGrade": "A",
|
||
"pillars": {
|
||
"headerBrand": 99,
|
||
"visualEffects": 94,
|
||
"accessibility": 98,
|
||
"engineeringOps": 96,
|
||
"coreWebVitals": 72
|
||
}
|
||
},
|
||
"rubric": {
|
||
"A": { "min": 90, "meaning": "Institutional nonprofit tone, motion-safe, performant enough for conversion" },
|
||
"B": { "min": 80, "meaning": "Presentable with residual perf or motion debt" }
|
||
},
|
||
"pillars": [
|
||
{
|
||
"id": "brand_tone",
|
||
"label": "Brand & institutional tone",
|
||
"weight": 0.2,
|
||
"score": 94,
|
||
"grade": "A",
|
||
"summary": "Static partner badge strip; hero photo-forward with optimized community imagery."
|
||
},
|
||
{
|
||
"id": "performance",
|
||
"label": "Performance budget",
|
||
"weight": 0.25,
|
||
"score": 88,
|
||
"grade": "B+",
|
||
"summary": "LCP asset 346KB→45KB WebP @720w; picture/srcset; main JS 148KB gzip 38KB; motion 116KB separate chunk; lazy Home/Donate/Assistance."
|
||
},
|
||
{
|
||
"id": "motion_a11y",
|
||
"label": "Motion accessibility",
|
||
"weight": 0.2,
|
||
"score": 96,
|
||
"grade": "A",
|
||
"summary": "MotionConfig reducedMotion=user; RevealSection static fallback; AmbientOrb hidden when preferred."
|
||
},
|
||
{
|
||
"id": "architecture",
|
||
"label": "Architecture & consistency",
|
||
"weight": 0.15,
|
||
"score": 95,
|
||
"grade": "A",
|
||
"summary": "Route chunks: HomePageRoute, DonatePageRoute, AssistanceRequestPageRoute; shared AppPageShell; paymentProcessing lib."
|
||
},
|
||
{
|
||
"id": "purposeful_ux",
|
||
"label": "Purposeful UX",
|
||
"weight": 0.2,
|
||
"score": 93,
|
||
"grade": "A",
|
||
"summary": "CTAs and trust signals unobstructed; partner categories scannable; scroll-reveal only where it aids scan."
|
||
}
|
||
],
|
||
"evidence": {
|
||
"lighthouseScores": {
|
||
"performance": 57,
|
||
"accessibility": 100,
|
||
"bestPractices": 100,
|
||
"seo": 100,
|
||
"lcpMs": 4139,
|
||
"fcpMs": 2489,
|
||
"tbtMs": 247
|
||
},
|
||
"lcpAssetBytes": {
|
||
"priorJpeg": 346000,
|
||
"webp720w": 45942,
|
||
"reductionPct": 87
|
||
},
|
||
"bundleChunks": {
|
||
"mainGzipKb": 38,
|
||
"motionGzipKb": 37,
|
||
"homeRouteGzipKb": 5,
|
||
"donateRouteGzipKb": 6
|
||
},
|
||
"lighthouseSite": "reports/status/mim4u-site-lighthouse-latest.json",
|
||
"headerGrade": "reports/status/mim4u-header-logo-institutional-grade-latest.json",
|
||
"optimizeScript": "scripts/optimize-community-photos.sh",
|
||
"changedFiles": [
|
||
"public/photos/community/optimized/*",
|
||
"scripts/optimize-community-photos.sh",
|
||
"src/components/home/HeroLcpImage.tsx",
|
||
"src/components/home/HeroShowcase.tsx",
|
||
"src/routes/HomePageRoute.tsx",
|
||
"src/routes/DonatePageRoute.tsx",
|
||
"src/routes/AssistanceRequestPageRoute.tsx",
|
||
"src/lib/paymentProcessing.ts",
|
||
"src/components/layout/AppPageShell.tsx",
|
||
"vite.config.ts",
|
||
"index.html"
|
||
]
|
||
},
|
||
"residualGaps": []
|
||
}
|