§ 02 / 06
Workflow

From a photo
to a finished plate.

A four-step pass. No design skills required. The whole loop fits inside a coffee break.

Step 01

Upload your photo

Start with any photo. A storefront, building facade, billboard, interior wall, menu board location, or outdoor signage site. Vision Studio works with photos taken at any angle, in any lighting condition.

  • 01Works with any camera or smartphone photo
  • 02Supports high-resolution images (up to 4K+)
  • 03Indoor and outdoor locations
  • 04No special photography requirements
Plate / Step 01JPG/PNG · up to 4032×3024
Snap or upload a storefront photo
Source photo · raw upload
Step 02

Define your display areas

Click the four corners of each display area (storefront showcase, wall section, billboard face, menu board mount). Enter the real-world dimensions in millimetres and Vision Studio handles the perspective correction so products render at the correct angle and true-to-life scale.

  • 01Click four corners to define each display area
  • 02Works on any surface: windows, walls, facades, billboards
  • 03Enter width and height in mm for accurate real-world scaling
  • 04Automatic perspective correction from your corner points
  • 05Support for multiple areas per photo
Plate / Step 02Pin · 4 corners · 1200×800mm
Corner pin + dimensions
Step 03

Place products & accessories

Browse your product catalog and drag in LED displays, static signage, 3D logos and lettering, window decals, stands, poles, and cables. Products render in 3D with realistic depth, bezels, and glow effects.

  • 01Full product catalog with categories and brands
  • 023D rendering with depth, bezels, and glow
  • 03Import custom 3D logos, lettering, and models (GLB)
  • 04Digital and static displays, window decals
  • 05Add static or animated visuals to digital screens
  • 06Accessories: poles, stands, cables auto-connect
Plate / Step 03Catalog · pre-loaded products · GLB import
Product placement · 3D engine
Step 04

Export & share

Your mockup is ready to present. Toggle the realistic glass overlay for storefront scenes, then export as high-resolution PNG, animated HTML, or generate a shareable link with live glass effects. Optionally, use AI Enhance for photorealistic polish on exports.

  • 01Export-ready mockups, no AI required
  • 02Glass overlay with reflections and refraction
  • 03Export: PNG, HTML animation, or shareable link
  • 04Branded exports with custom watermarks
  • 05Optional AI Enhance for photorealistic polish
Plate / Step 04Output · 4K
Export menu · PNG / HTML / Link
§ Outputs
What you ship

Three deliverables.
One workflow.

O-01

High-resolution PNG

Up to 4K, print-ready. Drop into decks, proposals, or the client's inbox.

PNG · 4K
O-02

Animated Exports

Lightweight self-contained presentations. Looping reveal of mockups, drag-to-compare, glass effects.

HTML · self-contained
O-03

Customer Share Link

Send one link to the customer. Publish changes to the same link as you iterate. No more emailing image after image after image.

URL · live glass · auto-updates

Try it on
your own photo.

Create your first mockup in under 5 minutes. No design skills needed. Pre-loaded with examples so you can explore immediately.