As part of SayPro’s creative development and digital campaign process, employees involved in design, creative direction, UX/UI, or content production are required to submit a Final Concept Storyboard or Mockup before campaign execution. This document ensures alignment on visual direction, functionality, user experience, and brand integrity.
1. What is the Final Concept Storyboard or Mockup?
This is a visual presentation of the campaign’s final creative direction, submitted for approval before the build or deployment stage. It serves as a reference for:
- Designers
- Developers
- Content teams
- Marketing managers
- External vendors
It typically includes the visual layout, user flow, key messages, and creative assets for a campaign or platform activation.
2. When is it Required?
- Prior to launching any website section, digital ad campaign, email design, mobile experience, or interactive component.
- Before production of videos, illustrations, or branded documents.
- When submitting deliverables for client-facing materials, donor campaigns, or training resources.
3. Accepted Formats
| Format | Use Case | Notes |
|---|---|---|
| Figma | Interactive mockups, digital UI/UX | Link sharing must allow viewing |
| Storyboards, static mockups | Clearly labeled and structured | |
| Google Slides | Collaborative reviews | Often used for internal pitch decks |
4. What the Document Must Include
For a Storyboard:
- Campaign title and objective
- Scene-by-scene layout (for videos, animations, or social stories)
- Voice-over or narration (if applicable)
- Notes on transitions, branding elements, and call to action
- Visual sketches or references
- Timeline or duration estimates
For a Mockup:
- Screen or page layouts (desktop and mobile views)
- UI elements (buttons, menus, forms)
- Font styles, color palettes, and icons
- Image placeholders or final graphics
- Clickable prototype or scroll-through views (for Figma)
- Notes on interactivity, hover states, or animations
5. Employee Responsibilities
Employees must:
- Submit the final version of the storyboard/mockup for sign-off.
- Ensure alignment with SayPro brand guidelines, content strategy, and accessibility standards.
- Include a version number and date for tracking.
- Share the document link (Figma/Google) or file (PDF) with the creative lead, campaign manager, or supervisor.
- Make revisions based on feedback prior to final approval.
Submission Process
- Final design/mockup is uploaded to the shared SayPro project folder.
- A link to the Figma file or PDF is submitted via email or task tracker.
- A review checklist is completed to ensure readiness for launch.
- Team lead or client signs off via comment or formal approval.
Document Compliance Checklist
| Item | Required | Status |
|---|---|---|
| High-resolution visuals or mockups | ✅ | ✅ |
| Scene or screen annotations | ✅ | ✅ |
| Call-to-action clearly visible | ✅ | ✅ |
| Branding and logo placement verified | ✅ | ✅ |
| Responsive layout (mobile/desktop) shown | ✅ | ✅ |
| File name includes version and date | ✅ | ✅ |
Why This Document Matters
- Ensures creative consistency across SayPro platforms
- Prevents errors before content goes live
- Provides a reference for implementation and testing
- Aligns teams across design, content, and tech
Leave a Reply