Interface Design | Interactive Doc | Pine Point

Technology Used: Javescript and Jquery


Pine point is an interactive documentary about a place called Pine Point. It was once a family mining town it is now nothing. The documentor goes back to revisit the town he once visited when he was younger to see it changed dramatically. It wasn’t the town he once loved. He documented it using old footage of the town and its inhabitants. He then used text and graphics to completed the story.


Screen Shot 2015-02-12 at 18.08.17

This was about the High School Year Book. I like the way he used different images to show the audience who Richard Clouteier is.

Screen Shot 2015-02-12 at 18.07.04

Screen Shot 2015-02-12 at 18.06.51


This is one of the ways he laid video into the site. The design on the video matching the rest of the design on the site. Screen Shot 2015-02-12 at 18.06.01


Using video in the background and graphics in the foreground is a good way to use old footage to fit your scene/story. Screen Shot 2015-02-12 at 17.56.39 Screen Shot 2015-02-12 at 18.10.32

Many of the stories he tells are in text like the above and you can flick through different pictures and video that are used as the background. I like this idea of having text and picture so the viewer can chose what picture they want to see and flick through it if they don’t like it. Screen Shot 2015-02-12 at 17.56.11 Screen Shot 2015-02-12 at 17.56.09 Screen Shot 2015-02-12 at 17.55.57 Screen Shot 2015-02-12 at 17.55.54
Screen Shot 2015-02-12 at 17.55.35



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s