Mock-Up: Your Guide to Professional Campaign Artwork Presentation
A mock-up is a realistic representation of how your campaign artwork will appear in its final context – whether on a billboard, bus shelter, social media, or packaging. For UK marketing professionals, presenting polished mock-ups to clients can be the difference between approval and revision requests.
Why Mock-Ups Matter in Campaign Creative
Mock-ups serve several critical functions in the campaign development process. They allow clients to visualise how their creative will perform in real-world environments, helping them make informed decisions before investing in production. Mock-ups also demonstrate professionalism and attention to detail, building client confidence in your agency's capabilities.
Moreover, mock-ups catch potential issues early – such as text legibility on outdoor formats or colour rendering across different media – saving time and budget during the production phase.
Types of Mock-Ups You'll Create
Digital Mock-Ups These are software-generated presentations, ideal for social media campaigns, digital displays, and web-based creative. Tools like Photoshop, Canva, and Figma allow you to place artwork into realistic device frames (smartphones, tablets, laptops) or environmental contexts.
Physical Mock-Ups For print campaigns – billboards, bus shelters, or point-of-sale materials – physical mock-ups provide tangible proof of concept. These might range from printed samples mounted on foam board to full-scale mockups of high-impact formats.
3D Renderings For packaging, retail environments, or complex spatial designs, 3D mock-ups offer the most comprehensive preview. Software like 3D Max, Blender, or specialised packaging tools create photorealistic presentations.
Step-by-Step Guide to Creating Effective Mock-Ups
Step 1: Gather Your Specifications
Before you begin, confirm the exact dimensions and technical requirements for your format. For outdoor advertising in the UK, common sizes include: - 6-sheet posters (3048 × 1524mm) - 16-sheet posters (4880 × 2440mm) - Roadside signs and bus shelter formats (1200 × 800mm typical)
For digital campaigns, note platform specifications (Instagram Stories are 1080 × 1920px; LinkedIn cover images are 1200 × 627px). Clarify colour profiles (RGB for digital, CMYK for print) and safe margins or bleed requirements.
Step 2: Source or Create Your Template
For standard formats, purchase or download high-quality templates. Websites like Envato Elements, Creative Market, and MockupWorld offer thousands of professionally designed mock-up templates for various media types.
Tip: Always verify templates are up-to-date with current UK advertising standards, particularly for outdoor media.
Alternatively, create custom templates by photographing real environments and using them as backgrounds in Photoshop. For example, photograph an actual bus shelter at different times of day, then use these as the basis for showing how creative appears in various lighting conditions.
Step 3: Prepare Your Artwork
Ensure your campaign artwork is finalised, properly sized, and colour-corrected before placement. Export files in appropriate formats: - High-resolution JPEG or PNG for digital mock-ups (minimum 300dpi for print-destined work) - Layered PSD files for flexibility and future adjustments - Separate files for each variation (if showing multiple concepts or versions)
Step 4: Position and Scale Your Artwork
Using your template, carefully position the artwork to match the dimensions and perspective of the real-world format. Use alignment guides and grids to ensure precision. If working with a 3D mock-up, adjust perspective, rotation, and scale to match the viewing angle.
Real Example: When presenting a 6-sheet poster campaign for a high street retailer, show the design positioned at eye level on a realistic street template. Include surrounding environmental elements (shop fronts, street furniture) to demonstrate real-world context.
Step 5: Add Realistic Context Elements
Enhance credibility by including environmental details: - Weather conditions (rain on a window for indoor digital displays) - Time of day and corresponding lighting - Shadows and reflections - People or traffic to show scale - Adjacent advertising or signage for street-level formats
These contextual additions help clients understand how their creative competes in busy, real-world environments.
Step 6: Apply Finishing Effects
Make mock-ups photorealistic by adding subtle effects: - Distortion: Curved surfaces on vehicle wraps or curved posters - Texture: Paper grain for printed materials, screen gloss for digital displays - Lighting: Highlights and shadows that match the environment - Weathering: Slight imperfections for outdoor formats (not damage, but natural aging)
Avoid over-processing; the goal is realism, not artistic enhancement.
Best Practices for Mock-Up Creation
Show Multiple Angles When presenting to clients, provide 2-3 different viewpoints. For a billboard, show front-on and angled perspectives. For packaging, show front, back, and 3D rotations. For digital ads, show on desktop and mobile.
Provide Context Variations Show how creative appears in different settings or lighting conditions. For outdoor media, present day and night scenarios. For digital, show on different background colours or within actual platform interfaces.
Include Scale References For formats like billboards or large-scale print, include people or familiar objects (vehicles, lamp posts) to convey actual size. This prevents clients underestimating impact.
Maintain Brand Consistency Ensure all mock-ups reflect your agency's professionalism. Use consistent template styles, fonts, and presentation layouts across a campaign deck.
Prepare High and Low Resolution Versions Provide presentation-quality mock-ups (RGB, screen resolution) for email and meetings, and production-ready versions (CMYK, 300dpi) for client archives and handoff to production teams.
Common Mock-Up Mistakes to Avoid
- Incorrect colour spaces: Always convert to CMYK before presenting print mock-ups to avoid colour shift disappointments
- Unrealistic lighting: Overly perfect or unrealistic lighting undermines credibility
- Poor perspective matching: If your artwork doesn't align with template perspective, the entire mock-up fails
- Missing bleed: Don't show artwork that extends beyond safe zones for print materials
- Outdated templates: Ensure mock-ups reflect current real-world conditions (updated signage, current vehicles, modern street furniture)
Tools Recommended for UK Agencies
- Photoshop: Industry standard for digital and print mock-ups
- Figma: Excellent for collaborative mock-up creation and client presentations
- Affinity Photo: Cost-effective Photoshop alternative
- Cinema 4D / Blender: For advanced 3D packaging and environmental mock-ups
- Smartmockups / Placeit: Quick online mock-up generators for social media and device frames
Final Presentation Tips
When presenting mock-ups to clients, frame them as "realistic previews, not final confirmation." Explain that actual production may involve minor variations due to printing techniques, weather, or viewing angles.
Always prepare notes explaining the mock-up context (location, time of day, viewing distance) so clients understand the scenario being presented.