Embedding an exported prototype

Christopher Davies shared this question 4 years ago
Answered

I'm looking to embed my prototype in a portfolio website. I'd like to guide the viewer through the various screens with annotations etc. Any recommendations on how to do this?


I've heard of wordpress, and it looks promising but I'm totally new to this field. I guess the method would be to create a wordpress site, then embed the prototype in that site somehow...

Comments (3)

photo
1

Hi,


you can create an iframe in your site. Here, you can link a public link to your example prototype or load from your server if you have upload the prototype in html format.

photo
1

ok I'll try that thanks. I'm new to creating web content so I might have some difficulties.


I have another question regarding annotation. When I export the app prototype as html, all the dynamic content is contained within/underneath the visible iPhone shell. Is there a way to create and export with annotation outside of the prototype so that I can guide viewers of my portfolio through the different screens?


efd922457742b2ed5c3721d7283e2d4d

photo
1

actually, I realised this can be done manually by creating an iPhone mask and annotations in Adobe and then hiding/showing as necessary.