Best Practices
Tips and recommendations for getting the most out of Moqup.
This guide compiles best practices from successful Moqup users to help you optimize your design review workflow.
Project Organization
Naming Conventions
Use consistent, descriptive names:
Good:
- [Client] - [Project] - [Year]
- Acme Corp - Website Redesign - 2025
- TechStart - Mobile App - Q1 2025
Avoid:
- Project 1
- New Design
- Final v2 FINALFile Naming
Clear file names save time:
Good:
- homepage-hero-v3.png
- mobile-nav-dark-mode.jpg
- checkout-step-2-with-promo.pdf
Avoid:
- IMG_4532.jpg
- Screen Shot 2025-01-10.png
- design copy.psdStage Structure
Keep stages meaningful:
Simple (3-4 stages):
1. Concepts
2. Review
3. Approved
Comprehensive (5-6 stages):
1. Research
2. Initial Concepts
3. Internal Review
4. Client Review
5. Revisions
6. ApprovedFeedback Quality
Writing Effective Annotations
- Be specific about location
- Explain the problem AND suggest solution
- Provide examples or references
- Use clear, professional language
- Leave vague comments ("looks wrong")
- Write essays - be concise
- Mix multiple issues in one annotation
- Use jargon clients won't understand
Example Good Feedback
Location: Hero section, main headline
Issue: Font size appears too small on mobile preview
Suggestion: Increase to 32px for better readability
Reference: Similar to the subhead size on our "About" pageExample Poor Feedback
"Doesn't look right"
"Make it pop more"
"Can you try something else?"Version Control
When to Create New Versions
Create a new version when:
- Implementing client feedback
- Making significant changes
- Presenting new direction
- After internal review
Don't create versions for:
- Minor tweaks
- Test variations
- Incomplete work
Version Notes
Always add context:
Version 3:
- Increased headline font size per client feedback
- Updated CTA button color to brand orange
- Added mobile responsive adjustments
- Removed secondary navigation (see annotation #12)Comparing Versions
Use comparison view to:
- Show clients what changed
- Verify feedback was addressed
- Document iteration history
- Create before/after presentations
Team Collaboration
Effective Communication
- Use @mentions: Direct notification to responsible party
- Stay in context: Discuss in annotations, not email
- Resolve promptly: Close threads when addressed
- Be constructive: Focus on solutions
Handoff Best Practices
When passing work to teammates:
- Document current status in project notes
- List pending items
- Tag incoming team member
- Brief them on client preferences
Avoiding Conflicts
- One lead per project
- Clear stage ownership
- Defined approval chain
- Communication norms
Client Management
Setting Expectations
At project start:
- Number of concepts
- Revision rounds included
- Timeline for each phase
- How to provide feedback
- Approval meaning and implications
Professional Presentation
Before client review:
- Internal QA complete
- Files properly organized
- Descriptions added
- Test client view
- Prepare talking points
Handling Difficult Feedback
When clients are unclear:
- Ask clarifying questions
- Request examples
- Offer quick call
- Document everything
Workflow Optimization
Keyboard Shortcuts
Press Cmd+/ (Mac) or Ctrl+/ (Windows) to see all shortcuts.
| Action | Shortcut |
|---|---|
| Command palette | Cmd/Ctrl + K |
| New item | N (on dashboard) |
| Search | / (on dashboard) |
| Navigate items | J / K |
| Next annotation | Tab |
| Previous annotation | Shift + Tab |
| Zoom in/out | + / - (in viewer) |
Batch Operations
Save time with bulk actions:
- Select multiple files
- Move stages together
- Download as ZIP
- Archive completed work
Templates
Create templates for:
- Common project types
- Standard stage structures
- Quick reply messages
- Client communication
Notification Management
Optimal Settings
Balance staying informed vs. distraction:
| Event | Recommendation |
|---|---|
| Mentions | Instant |
| New annotations | Digest |
| Approvals | Instant |
| File uploads | Digest |
| Resolutions | Off or digest |
Focused Work Time
Use "Do Not Disturb":
- During deep work
- Outside work hours
- During client calls
- When on vacation
Security Best Practices
Access Control
- Minimum necessary: Don't over-permission
- Regular audits: Review who has access
- Revoke promptly: Remove access when projects end
- Password protection: For sensitive work
Protecting Work
- Enable watermarking for clients
- Restrict downloads if needed
- Set link expiration
- Monitor activity logs
Performance Tips
For Large Projects
- Archive completed stages
- Keep active file count reasonable
- Use optimized image formats
- Regular cleanup
For Teams
- Stagger file uploads
- Use batch operations
- Cache when possible
- Monitor usage
Common Mistakes
To Avoid
- No internal review: Always review before client
- Too many options: Limit concept count
- Vague feedback: Be specific
- Scope creep: Document additions
- Poor naming: Use conventions
- Skipping descriptions: Add context
- Ignoring notifications: Stay responsive
- No version notes: Document changes
Checklist: Before Client Review
- [ ] All files properly named
- [ ] Descriptions added
- [ ] Stages organized correctly
- [ ] Internal review complete
- [ ] Branding configured
- [ ] Client permissions set
- [ ] Access tested
- [ ] Introduction preparedChecklist: Project Completion
- [ ] All files approved
- [ ] Final versions exported
- [ ] Client notified
- [ ] Project archived
- [ ] Access revoked if needed
- [ ] Files backed up
- [ ] Lessons learned documentedNext Steps
- Advanced Tips - Power user features
- Workflows - Automation
- Integrations - Connect tools