Reszponzív, tiszta eszköz-keretek (pure CSS) a deckhez. A keretekbe a VALÓS termék-screenshotok kerülnek (az orchestrator tölti fel a shots/ mappába) — addig címkézett helykitöltők látszanak.
Az új, magas konverziójú weboldal laptopon, mellette a kliens app a telefonon — egy képben az egész élmény.
shots/site-home.pnglaptop · 1280×800shots/app-today.pngtelefon · 390×844Rita egy helyen nézi meg és válaszolja meg a páciensek feltöltött gyakorlatait.
shots/coach-inbox.pnglaptop · 1280×800Minden szám egy képernyőn: leadek, értékesítés, bevétel, ROAS és a jutalék.
shots/ops-dashboard.pnglaptop · 1280×800A keretek tiszta CSS-ek (nincs külső kép-függőség), önállóak, iframe-be és file://-ként is jók. A .shot <img> slotok a véglegezett, VALÓS screenshotokat töltik be ezekről az utakról; amíg a fájl hiányzik, a címkézett helykitöltő látszik:
docs/mockups/shots/site-home.png — új weboldal főoldal · 1280×800 (laptop)docs/mockups/shots/app-today.png — kliens app „Ma” · 390×844 (telefon)docs/mockups/shots/coach-inbox.png — coach áttekintési sor · 1280×800 (laptop)docs/mockups/shots/ops-dashboard.png — admin/CRM vezérlőpult · 1280×800 (laptop)A megfelelő, design-pontos referencia, amit a screenshotnak tükröznie kell: a négy önálló mockup ebben a mappában (website.html, client-app.html, coach-view.html, admin-crm.html). Szükség esetén iframe-eld be őket közvetlenül a keretekbe a .shot img helyett.