SMP Labs redesign · Direction B
Familiar, modernized
Every screen in this mockup, plus the states and dialogs you can jump straight to. 75 pages, all sample data.
How it fits together
- Stat strip. One joined strip of numbers everywhere (Event, Account health, Clients, Ops, Sales).
- Underline tabs. Sibling pages of one thing: Photos, Attendees, Messaging, Sharing, Report.
- Segmented control. Filters inside one list: Active / Locked, Last 90 days / Archive.
- Left rail. Settings areas with six or more sections: Event setup, Account, Operations.
- One primary button. Each screen has one teal button. Everything else is secondary.
- Words. Attendees, Messaging, People Spotted, Self Spotting, Highlights.
What has been checked
axe-core 4.14.0, WCAG 2.1 A and AA plus best practice, run Nov 3, 2026. Each view loads in a fresh page.
| Width | Views checked | Violations |
|---|---|---|
| 390 px | 76 | 0 |
| 820 px | 76 | 0 |
| 1440 px | 76 | 0 |
| Dialogs, menus and states | 113 | 0 |
Rendered 197 screenshots at 1440, 820, 390 px on Nov 3, 2026. None scroll sideways.
Fonts are hosted with the mockup. Placeholder photos are generated, not stock.
Tip: resize the window under 900px for the drawer and under 640px for the phone tab bar.
Empty, loading and error states
Dialogs, menus and selections
These links open the page with the dialog or menu already showing.
- Photo selected, bulk barevent.html#sel=3
- Photo viewerevent-photo.html
- Tools & Settings menuevent.html#open=m-tools
- Filter and sortevent.html#open=m-filter
- View optionsevent.html#open=m-view
- Upload photos dialogevent.html#open=d-upload
- Delete photos confirmevent.html#sel=3&open=d-delete
- Resume messaging confirmevent.html#open=d-resume
- New folderevent.html#open=d-newfolder
- Export ZIPevent.html#open=d-zip
- Attendees selectedevent-attendees.html#gsel=2
- Attendee row menuevent-attendees.html#open=m-guest
- Add attendeeevent-attendees.html#open=d-addguest
- Upload a guest listevent-attendees.html#open=d-list
- Edit a textevent-messaging.html#open=d-edittext
- Add a devicesetup-devices.html#open=d-adddev
- Delete eventsetup-advanced.html#open=d-delev
- Add a personaccount-team.html#open=d-addperson
- Team member panelaccount-team.html#open=d-member
- Pause or cancelaccount-billing.html#open=d-cancel
- New couponaccount-coupons.html#open=d-coupon
- Order detailssales.html#open=d-order-1042
- Change emailaccount-login.html#open=d-email
- Change passwordaccount-login.html#open=d-pw
- New clientclients.html#open=d-client
- Edit clientclient.html#open=d-editclient
- Delete guest dataaccount-deletion.html#open=d-gdel
- Ops account row menuops.html#open=m-opsrow
- Send a test emailops-emails.html#open=d-test
- Suggest an ideasuggestions.html#open=d-suggest
- Help chathelp.html#open=d-helpchat
- Keyboard shortcutsevents.html#open=d-keys
- Search (Ctrl K)events.html#open=cmdk
- Account switcherevents.html#open=m-org
- Account menuevents.html#open=m-acct
- Tablet drawer (open at ≤900px)events.html#open=navdrawer
- Phone More sheet (open at ≤640px)events.html#open=moresheet
- Delete my data (guest)guest-gallery.html#open=d-gdel
- Reopen a closed galleryevent-locked.html#open=d-reopen
- Phone event menu (≤640px)event.html#open=m-evmore
Every screen
Account, Clients & Sales 17
- Account healthaccount.html
- Business detailsaccount-details.html
- QR codeaccount-qr.html
- Registrationaccount-registration.html
- Deletion requestsaccount-deletion.html
- Team membersaccount-team.html
- Devicesaccount-devices.html
- Plan & billingaccount-billing.html
- Paymentsaccount-payments.html
- Price listsaccount-pricelists.html
- Couponsaccount-coupons.html
- Salessales.html
- Integrationsaccount-integrations.html
- Refer a friendaccount-referral.html
- Your loginaccount-login.html
- Clientsclients.html
- Harborview Healthclient.html
Event · Photos 5
- Harborview Leadership Summit 2026event.html
- Event, no photosevent-empty.html
- Fall Open House, lockedevent-locked.html
- Event, loadingevent-loading.html
- IMG_4404.jpg · Photo viewerevent-photo.html
Events 8
- Eventsevents.html
- Events (first run)events-empty.html
- Events (loading)events-loading.html
- Events searchevents-search.html
- Events search, no resultsevents-search-none.html
- Recently deletedevents-deleted.html
- New Eventevent-new.html
- New Event, time zoneevent-new-timezone.html
Event tabs 5
- Attendees · Harborview Summitevent-attendees.html
- Messaging · Harborview Summitevent-messaging.html
- Sharing · Harborview Summitevent-sharing.html
- Report · Harborview Summitevent-report.html
- Recently deleted · Harborview Summitevent-deleted.html
Terms and Privacy 2
- Terms of Serviceterms.html
- Privacy Policyprivacy.html
Sign in, Help, Downloads, Suggestions & system 17
- Sign insignin.html
- Start a free trialsignup.html
- Sign insignin-error.html
- Reset your passwordforgot.html
- Check your emailforgot-sent.html
- Page not found404.html
- Something went wrongerror.html
- Downloadsdownloads.html
- What's newupdates.html
- Help Centerhelp.html
- Cameras and SpotStationhelp-category.html
- Connect a camera to SpotStationhelp-article.html
- Your first event in 4 minuteshelp-video.html
- Suggestionssuggestions.html
- Suggestionsuggestion.html
- Your photos · Harborview Summitguest-gallery.html
- Upload photos · Harborview Leadership Summit 2026event-upload.html
Operations (staff only) 10
- Operationsops.html
- Health · Operationsops-health.html
- Hosting · Operationsops-hosting.html
- Emails · Operationsops-emails.html
- Trials · Operationsops-trials.html
- Help chat · Operationsops-helpchat.html
- Problem reports · Operationsops-problems.html
- Camera testing · Operationsops-testing.html
- Access · Operationsops-access.html
- Capture simulator · Operationsops-simulator.html
Event setup 9
- Details · Event setupsetup-details.html
- Branding · Event setupsetup-branding.html
- Delivery & printing · Event setupsetup-delivery.html
- Photo sales · Event setupsetup-sales.html
- Folders · Event setupsetup-folders.html
- Self Spotting link & QR · Event setupsetup-registration.html
- Cameras & devices · Event setupsetup-devices.html
- Duplicate or template · Event setupsetup-duplicate.html
- Advanced settings · Event setupsetup-advanced.html
Event tools 2
- Kiosks · Harborview Leadership Summit 2026event-kiosk.html
- Slideshow · Harborview Leadership Summit 2026event-slideshow.html