• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
iCreate

iCreate Agency

  • Home
  • Our Specialties
    • Branding
    • Web
    • Property
    • Sales Display Touchscreen Apps
  • Our Work
  • About Us
  • What Other Leaders Say
  • Insights
  • Contact Us
    Start a project
(07) 3157 1108
Free Consultation

28.06.21 - Web Tips, Client Resources

Web process – Previewing Your Web Mock-up

By Sonia Jeffrey
Blog
iCreate provide website mockups in XD

What is an XD Prototype?

We share our design concepts using sharable prototypes generated by our design software Adobe XD. There are a few things to keep in mind as you preview the mock-up:

This isn't a working website just yet

The preview sent to you is a static design wrapped in a web browser. Therefore very few things in the prototype will be interactive.

There will be no animation on hover states for example, but rest assured we’ll add these during development.

Clickable items will show up with a blue overlay if you click anywhere on the page.

Size of the preview

The web mock-up is also sized for a widescreen desktop (1920px wide). So if you are viewing on a smaller screen, for example a laptop – it will shrink down at the same proportions. Fonts etc will look smaller if not viewed on a widescreen desktop.

Providing feedback directly in XD

XD allows you to send us feedback directly from the prototype, similar to how you might mark up comments in a PDF. If you’d like to do this press (escape) to exit the XD’s default display mode. Once done the commenting sidebar will appear. You may first need to log on as a guest (or you can log on with an Adobe account).

*To hide the commenting sidebar, press the enlarge button in the top right of the screen.

NB. This is great way for us to receive your feedback, but if you’d prefer to give feedback another way that’s totally fine.

Preview tips

Press F11 on the browser to view in full-screen mode without address bars etc. This trick makes the design show at 100% of the width of the browser (on 16:9 aspect ratio screens).

Otherwise you’ll see some whitespace on either side of the design that wouldn’t be there when developed.

Primary Sidebar

Web process

  • Who does what?
  • Phases of production
  • Basecamp – Our tool for collaboration
  • Provide digital assets
  • Confirm the sitemap
  • Previewing Your Web Mock-up
  • The initial concept

Start a project with us today

  • Our Specialties
  • Our Work
  • What Other Leaders Say
  • About Us
  • Contact Us
  • Privacy Policy
  • Terms and conditions
  • Disclaimer
  • Frequently Asked Questions
(07) 3157 1108
Sign up to our newsletter