Skip to main content
Back to Use Cases
Mobile Mockup

Create a 3D Mobile Website Mockup

Show the phone version of a site on a 3D phone. Visitors scroll the full-length capture inside the display and turn the phone to read it from any angle.

Live example · Mobile Mockup
Open

What is a 3D mobile website mockup?

A mobile website mockup shows how a site reads on a phone, on a phone, instead of as a cropped screenshot in a slide. i3Dify's Mobile Mockup puts your full-length mobile capture on the display of a 3D phone. The capture scrolls inside the screen the way the page scrolls in a browser, and the dock or the arrow keys move between pages.

Why use i3Dify to create a 3D mobile website mockup?

A full-length mobile capture fits without cropping or tiling, however long the page is

Upload the home page, the pricing page, and the checkout as separate screens and page between them

Hotspots on the screen link out to the live page, the desktop version, or the spec

Pair it with a Desktop Mockup project to show both widths of the same redesign

How to create a 3D mobile website mockup with i3Dify

  1. 1

    Upload your content

    Capture each page at a phone width and full page height, then upload the images to a Mobile Mockup project.

  2. 2

    Customize your experience

    Order the pages, title each one, and place hotspots on the parts of the design you want to defend.

  3. 3

    Share with the world

    Publish and send the link, or embed the mockup in your case study or handoff document.

Frequently Asked Questions

Same viewer, different device. Desktop Mockup builds a laptop for desktop-width captures and Mobile Mockup builds a phone for phone-width ones. Use one project for each.

Create a 3D mobile website mockup now

Get started for free. No credit card required.

Get Started Free