In practice, you have a variety of options. The most minimally invasive involves creating a graphic frame for a real-life photo or video, although this is quite common and has been a web design trend for years. You can take this to the next level by utilizing overlaps — have either a real image overlapping the graphic, or vice versa — to create the illusion that both images are interacting with each other. We’ll explain more on overlapping below, but for now, look at how the website for Chilean telecommunications company WOM combines real-life video clips with an illustrated graphic of a TV. The best part is the navigation buttons that overlap the video, adding a faux-realistic sense of depth.