The analogue website by Nathan Bolton

< The Analogue Website >

<div id="logo"> <a href="index.html"><img src="images/logo_solid.png" width="60" height="60" alt="Logo" /></a> </div> <div id="author"> <p> Written and designed by <b>Nathan Bolton</b> </div>

< Introduction >

In today’s fast paced and ever growing technological society, digital design has proven to be vital. The ability to access information via different mediums at any point in time, and at any location is becoming more apparent in our current environment. New technologies are being developed at a vast rate causing designers to respond with advanced methods of communication to deliver content to their audience; as we speak the approach to digital innovations is becoming more focused and widely used. “Why wait for Creative Review’s monthly journal to tell me how the latest Sony - commercial was made when John Smith is hosting ‘The Making of’ video on their Tumblr, announced via Twitter or an RSS feed. The very fact that I can now watch the video as opposed to being presented with a few select screenshots is a significant advantage in itself” (Judge, M. 2010)

What society doesn’t realise is that print, particularly books and magazines are a form of technology in their own right. They are ‘a piece of equipment created to perform a task’ (Oldham, C. 2012). Therefore we shouldn’t see emerging digital technologies as products to over ride the printed publications, but one that provides alternate options and other ways in which we can still gain access to the information we require. Through this turn of digitalisation, we have seen printed products being transformed into its digital equivalent. Examples can be seen through various established magazines such as Computer Arts, Print and Wired. These examples have taken their original printed state and redesigned them as a digital product, in doing so they can change how it is interacted with by using motion, sound and video to create a whole new experience for the user.

To illustrate and answer this question, I have designed a website - the digital product. Taking the coding of this website, I have created a publication that represents the website in its printed form. This publication is the printed equivalent of the website. The design and layout imitates that of the website. By producing the publication in a large format, and using high quality stock in various colours and weights, it creates a tactile and interactive product. This communicates how digital design can be produced as print.

In contrast, how can a digital product be produced as a print?

< #intro | 01 >

< Stylesheet >

@charset â&#x20AC;&#x153;UTF-8â&#x20AC;?;

width:230px;

height:30px;

margin-left:552.3px;

/* CSS Document */

height:400px;

position:absolute;

}

top:250px;

top:665px;

body {

position:absolute;

margin-left:250px;

.slideshow {

font-family:Arial,

}

width:800px;

Helvetica, sans-serif;

height:550px;

font-size:12px;

#logo {

.column1 {

position:absolute;

color:#636467;

width:120px;

width:230px;

}

background-color:#F0F1EE;

height:120px;

height:550px;

top:100px;

position:absolute;

margin-left:2.3px;

margin-left:20px;

}

.column2 {

#nav ul.visible {

overflow:hidden;

} #container {

#nav ul.sub-nav { display: none;

}

width:1024px; height:768px;

#content {

width:230px;

position:absolute;

width:800px;

height:550px;

left:50%;

height:550px;

position:absolute;

right:50%;

position:absolute;

margin-left:277.3px;

li {

top:100px;

}

list-style-type: none;

float:left;

margin-left:-512px;

margin-left:250px;

z-index:0;

}

} #nav {

display:inline; }

} .column3 { width:230px;

li {

#projectinfo {

height:550px;

cursor: pointer;

width:650px;

position:absolute;

}

< #stylesheet | 02 >

< Header >

<!DOCTYPE html PUBLIC “-//W3C//DTD

var d=document; if(d.images)

d =parent.frames[n.

x.oSrc=x.src; x.src=a[i+2];}

XHTML 1.0 Transitional//EN” “http://

{ if(!d.MM_p) d.MM_p=new Array();

substring(p+1)].document; n=n.

}

www.w3.org/TR/xhtml1/DTD/xhtml1-

var i,j=d.MM_p.length,a=MM_preload-

substring(0,p);}

transitional.dtd”>

Images.arguments; for(i=0; i<a.

<html xmlns=”http://www.w3.org/1999/

length; i++)

xhtml”>

</script> if(!(x=d[n])&&d.all) x=d.

if (a[i].indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].

<head>

src=a[i];}}

}

length;i++) x=d.forms[i][n];

js”> </script>

ers.length;i++) x=MM_findObj(n,d. function MM_swapImgRestore() { //

layers[i].document);

v3.0

if(!x && d.getElementById)

<title>

var i,x,a=document.MM_sr;

Nathan Bolton Design

for(i=0;a&&i<a.length&&(x=a[i])&&x.

</title>

oSrc;i++) x.src=x.oSrc; }

x=d.getElementById(n); return x;

}

$(‘.sub-nav’). toggleClass(‘visible’);

function MM_swapImage() { //v3.0

for(i=0;!x&&d.layers&&i<d.lay-

content=”text/html; charset=UTF-8” />

all[n]; for (i=0;!x&&i<d.forms.

var i,j=0,x,a=MM_swapImage.argufunction MM_findObj(n, d) { //v4.01

ments; document.MM_sr=new Array;

var p,i,x;

for(i=0;i<(a.length-2);i+=3)

if(!d) d=document;

if((p=n.indexOf(“?”))>0&&parent.

function MM_preloadImages() { //v3.0

frames.length) {

{document.MM_sr[j++]=x; if(!x.oSrc)

}); }); </script>

if ((x=MM_findObj(a[i]))!=null) </head>

< #header | 03 >

Home Projects About Contact

<body> <div id="container"> <div id="logo"> <a href="index.html"><img src="images/ logo_solid.png" width="120" height="120" alt="Logo" /></a></div> <ul id="nav"> <font color="#636467">-</font><p> <li><a href="index.html"style="text decoration:none"><font color="#636467"> <b>Home</b></a></font></li><br /> <li class="parent"><font color= "#636467"><b>Projects</b></font><br /> <ul class="sub-nav"> <li><a href="Iconic Cities.html" style="text-decoration:none"><font color="#636467">Iconic Cities</a> </font></li> <li><a href="Life with Energy.html" style="text decoration:none"> <font color="#636467">Life With Energy</a></font></li> <li><a href="imprint.html" style= "text-decoration:none"><font color ="#636467">Imprint</a></font></li> <li><a href="90 years of bbc radio .html"style="text-decoration :none"><font color="#636467"> 90 Years of BBC Radio</a></font> </li> <li><a href="this is fedrigoni.html" style="text decoration:none"><font color= "#636467">This is Fedrigoni</a> </font></li>

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

<li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_IC_02.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_02. jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_07 .jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_BBC_07.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_03 .jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_LWE_03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _01.jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_imprint _07.jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_imprint_07.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_IC_03.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_03 .jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_01 .jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_BBC_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_imprint _01.jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_imprint_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _05.jpg" /><img class="thumb" src=

"images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_05.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_03 .jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_BBC_03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _02.jpg" /><img class="thumb" src= "images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_02.jpg" /></li> </ul> </div> <div data-ertype="layout" data-er templateName="NONE" style=""> <div class="erimgMain" style="position: absolute;left:0;right:0;top:0;bottom:0; " data-erConfig="{__numTiles:3, scale Mode:'showAvailable', imgType:'main', __loopNextButton:false, __arrowButton Mode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide"> <div class="erimgMain_img" style= "position: absolute; left: 0; right: 0; top: 0; bottom: 0;"></div> </div></div></div> <div class="erabout erFixCSS3" style= "color: #FFF; text-align: left; back ground: #000; background:rgba (0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border radius: 10px; display:none;">This <a style="color:#FFF;" href="http://www. dwuser.com/easyrotator/" target="_blank ">jQuery slider</a> was created with the free <a style="color:#FFF;" href= "http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> soft ware from DWUser.com. </div></div></div> </div> </div>

</div> </body>

< #home | 05 >

Home Projects Iconic Cities Life With Energy Imprint 90 Years of BBC Radio This is Fedrigoni About Contact

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

</div> </body>

< #projects | 12 >

Home Projects About Contact

Iconic Cities is a travel company that specialises in city breaks around the world. Providing a travel guide that can be personalised and tailored to each customer, Iconic Cities aim to make holiday planning easier for everyone.

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

GALLERY/xfs_800x550_c100_IC_03.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_03 .jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_IC_04.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_04 .jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_IC_05.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_05 .jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_IC_06.jpg" /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_IC_06 .jpg" /></li> </ul> </div> <div data-ertype="layout" data ertemplateName="NONE" style=""> <div class="erimgMain"style="position: absolute;left:0;right:0;top:0;bottom :0;" data-erConfig="{__numTiles:3, scaleMode:'showAvailable', imgType: 'main', __loopNextButton:false, __ arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide">

<div class="erimgMain_img"style=" position: absolute; left: 0; right: 0; top: 0; bottom: 0;"> </div> </div> </div> <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"> </div> <div class="erimgMain_arrowRight"style ="position:absolute; right: 10px; top: 50%; margin-top: -15px;" data-erConfig ="{image:'circleSmall',image2:' circleSmall'}"> </div> </div> <div class="erabout erFixCSS3" style="color: #FFF; textalign: left; background: #000;background:rgba (0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border radius: 10px;display:none;">This<a style="color:#FFF;" href="http://www. dwuser.com/easyrotator/" target="_ blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator /" target="_blank">EasyRotator</a> software from DWUser.com. </div> </div> </div> </div> </div>

<div id="projectinfo"> Iconic Cities is a travel company that specialises in city breaks around the world. Providing a travel guide that can be personalised and tailored to each customer, Iconic Cities aim to make holiday planning easier for everyone. </div> </div> </body>

< #iconic cities | 07 >

Home Projects About Contact

Life with Energy is a information pack aimed to educate and inform new home owners of ways they can save energy and money within their home.The pack engages the user by creating hands on activity within the home.

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

<div id="content"> < div class="slideshow"> <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn. com/1/js/easy_rotator.min.js"></script> <div class="dwuserEasyRotator"style= "width: 800px; height: 550px;position :relative; text-align: left;" data-er Config="{autoplayEnabled:tue,autoplayS topOnInteraction:false,autoplayPause OnHover:false, lpp:'102-105-108-10158-47-47-47-85-115-101-114-115-47-11097-116-104-97-110-47-68-111-99-117-109 101-110-116-115-47-69-97-115-121-82 111-116-97-116-111-114-80-114-101-118105-101-119-47-112-114-101-118-105-101119-95-115-119-102-115-47', wv:1}" data-erName="Life with Energy Gallery" data-er TID="{c87j6j4mm8219907647831}"> <div data-ertype="content" style= "display: none;"><ul data-erlabel= "Main Category"> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_01 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_LWE_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_02 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550 _c100_LWE_02.jpg" /></li> <li> <img class="main" src="images/WEB

GALLERY/xfs_800x550_c100_LWE_03 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_LWE_03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_04 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_LWE_04.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_05 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_LWE_05.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_LWE_06 .jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_LWE_06.jpg" /></li> </ul> </div> <div data-ertype="layout" data ertemplateName="NONE" style=""> <div class="erimgMain"style="position: absolute;left:0;right:0;top:0;bottom :0;" data-erConfig="{__numTiles:3, scaleMode:'showAvailable', imgType: 'main', __loopNextButton:false, __ arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide">

<div id="projectinfo"> Life with Energy is a information pack aimed to educate and inform new home owners of ways they can save energy and money within their home. The pack engages the user by creating hands on activity within the home. </div> </div> </body>

< #life with energy | 08 >

Home Projects About Contact

Imprint is a contemporary publishing house based in leeds. They produce high-quality, affordable books by combining impeccable design and production skills with insightful texts and information on a wide range of subjects.

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

<div id="content"> < div class="slideshow"> <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn. com/1/js/easy_rotator.min.js"></script> <div class="dwuserEasyRotator"style= "width: 800px; height: 550px;position :relative; text-align: left;" data-er Config="{autoplayEnabled:tue,autoplayS topOnInteraction:false,autoplayPause OnHover:false, lpp:'102-105-108-10158-47-47-47-85-115-101-114-115-47-11097-116-104-97-110-47-68-111-99-117-109 101-110-116-115-47-69-97-115-121-82 111-116-97-116-111-114-80-114-101-118105-101-119-47-112-114-101-118-105-101119-95-115-119-102-115-47', wv:1}" data-erName="Imprint Gallery" data-er TID="{pkf2grws536863386647831}"> <div data-ertype="content" style= "display: none;"><ul data-erlabel= "Main Category"> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Imprint _01.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Imprint_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Imprint _02.jpg" /><img class="thumb" src="images/WEB GALLERY/xfs_800x550 _c100_Imprint_02.jpg" /></li> <li> <img class="main" src="images/WEB

GALLERY/xfs_800x550_c100_Imprint _03.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Imprint_03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Imprint _04.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Imprint_04.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Imprint _05.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Imprint_05.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Imprint _06.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Imprint_06.jpg" /></li> </ul> </div> <div data-ertype="layout" data ertemplateName="NONE" style=""> <div class="erimgMain"style="position: absolute;left:0;right:0;top:0;bottom :0;" data-erConfig="{__numTiles:3, scaleMode:'showAvailable', imgType: 'main', __loopNextButton:false, __ arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide">

<div id="projectinfo"> Imprint is a contemporary publishing house based in leeds. They produce high-quality, affordable books by combining impeccable design and production skills with insightful texts and information on a wide range of subjects. </div> </div> </body>

< #imprint | 09 >

Home Projects About Contact

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

GALLERY/xfs_800x550_c100_BBC_03.jpg " /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_BBC _03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_04.jpg " /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_BBC _04.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_05.jpg " /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_BBC _05.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_BBC_06.jpg " /><img class="thumb" src="images/ WEB GALLERY/xfs_800x550_c100_BBC _06.jpg" /></li> </ul> </div> <div data-ertype="layout" data ertemplateName="NONE" style=""> <div class="erimgMain"style="position: absolute;left:0;right:0;top:0;bottom :0;" data-erConfig="{__numTiles:3, scaleMode:'showAvailable', imgType: 'main', __loopNextButton:false, __ arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide">

<div id="projectinfo"> The 90 Years of BBC Radio exhibition is an event proposed to celebrate the 90th anniversary of BBC Radio. <br />The exhibition looks back over the past 90 years of the BBC Radio and displays the history within the exhibition. </div> </div> </body>

< #90 years of bbc radio | 10 >

Home Projects About Contact

YCN 2012/13 Winner. A stock finder that presents the Fedrigoni paper ranges in an interactive manor. The main focus is being able to touch, see and feel each stock in each of the ranges available.

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

<div id="content"> < div class="slideshow"> <script type="text/javascript" src="http://c520866.r66.cf2.rackcdn. com/1/js/easy_rotator.min.js"></script> <div class="dwuserEasyRotator"style= "width: 800px; height: 550px;position :relative; text-align: left;" data-er Config="{autoplayEnabled:tue,autoplayS topOnInteraction:false,autoplayPause OnHover:false, lpp:'102-105-108-10158-47-47-47-85-115-101-114-115-47-11097-116-104-97-110-47-68-111-99-117-109 101-110-116-115-47-69-97-115-121-82 111-116-97-116-111-114-80-114-101-118105-101-119-47-112-114-101-118-105-101119-95-115-119-102-115-47', wv:1}" data-erName="Fedrigoni Gallery" data-er TID="{2qvrvcp3n4922827647831}"> <div data-ertype="content" style= "display: none;"><ul data-erlabel= "Main Category"> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _01.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_01.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _02.jpg" /><img class="thumb" src="images/WEB GALLERY/xfs_800x550 _c100_Fedrigoni_02.jpg" /></li> <li> <img class="main" src="images/WEB

GALLERY/xfs_800x550_c100_Fedrigoni _03.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_03.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _04.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_04.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _05.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550_ c100_Fedrigoni_05.jpg" /></li> <li> <img class="main" src="images/WEB GALLERY/xfs_800x550_c100_Fedrigoni _06.jpg" /><img class="thumb" src ="images/WEB GALLERY/xfs_800x550 c100_Fedrigoni_06.jpg" /></li> </ul> </div> <div data-ertype="layout" data ertemplateName="NONE" style=""> <div class="erimgMain"style="position: absolute;left:0;right:0;top:0;bottom :0;" data-erConfig="{__numTiles:3, scaleMode:'showAvailable', imgType: 'main', __loopNextButton:false, __ arrowButtonMode:'rollover'}"> <div class="erimgMain_slides" style= "position: absolute; left:0; top:0; bottom:0; right:0;"> <div class="erimgMain_slide">

<div id="projectinfo"> YCN 2012/13 Winner. A stock finder that presents the Fedrigoni paper ranges in an interactive manor. The main focus is being able to touch, see and feel each stock in each of the ranges available. </div> </div> </body>

< #this is fedrigoni | 11 >

Home Projects About Contact

About

Design Practice

Experience

Born and raised in Yorkshire, I am a Northern graphic designer, which I take pride in. I currently live in Huddersfield and study at Leeds College of Art on the BA (Hons) Graphic Design course.

As a Graphic Designer I am a problem solver at heart and strive to deliver the most effective design solution at the highest of standards. I specialise within publishing & editorial and print; within these areas I focus on using printing techniques, bookbinding, stock and formats in order to find new creative avenues in order to produce a unique design. With a high set of technical skills I am able to adapt myself within a group of creatives. I believe design should stand for itself, communicate effectively and enable interaction. This is something I try to convey within all my work.

Placement, Graphic Designer The Engine Room, Huddersfield July - September 2013

Working across both print and digital formats, I am a all round graphic designer. I specialise in Editorial, Branding and Illustration. Which I have a key focus on stock, format and finishes, I like to incorporate this into my designs to make them unique and that little bit more special each time, it also makes it more enjoyable for myself as I like to get stuck in and be more hands on. University has been a great platform for me to be able to experiment and investigate into the massive amount of different areas there are today within graphic design. Having the facilities, tutors and visiting professionals my course offers has enlightened me and broadened my knowledge of design. The course has improved my fundamental design skills and approaches, which now heading into my third, will allow me to be more creative with them under my belt. My final year is going to be all about producing high standard work in the areas that I enjoy the most and see myself working in after I have graduated.

Intership, Graphic Designer Numiko, Leeds August 2013

Awards Secret 7 Inch Winner April 2013 YCN Winner Fedrifoni Brief May 2013

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

<h3><font color="#DE6A26">Design Practice</h3></font>

<h3><font color="#DE6A26">Experience </h3></font> <p><b>Placement, Graphic Designer</b> <br />The Engine Room, Huddersfield <br />July - September 2013

<h3><font color="#DE6A26">About</h3> </font> < p> Born and raised in Yorkshire, I am a Northern graphic designer, which I take pride in. I currently live in Huddersfield and study at Leeds College of Art on the BA (Hons) Graphic Design course.</p> <p> Working across both print and digital formats, I am a all round graphic designer. I specialise in Editorial, Branding and Illustration. Which I have a key focus on stock, format and finishes, I like to incorporate this into my designs to make them unique and that little bit more special each time, it also makes it more enjoyable for myself as I like to get stuck in and be more hands on. </p> <p> University has been a great platform for me to be able to experiment and investigate into the massive amount of different areas there are today within graphic design. Having the facilities, tutors and visiting professionals my course offers has enlightened me and broadened my knowledge of design.</p>

<p> As a Graphic Designer I am a problem solver at heart and strive to deliver the most effective design solution at the highest of standards. I specialise within publishing & editorial and print; within these areas I focus on using printing techniques, bookbinding, stock and formats in order to find new creative avenues in order to produce a unique design. With a high set of technical skills I am able to adapt myself within a group of creatives. I believe design should stand for itself, communicate effectively and enable interaction. This is something I try to convey within all my work.</p> </div>

<p><b>Internship, Graphic Designer</b> <br />Numiko, Leeds<br />August 2013

<p><h3><font color="#DE6A26">Awards </h3></font>

< p><b>Secret 7 Inch Winner</b> <br />April 2013

<p><b>YCN Winner</b> <br /> Fedrigoni Brief <br /> May 2013

</div> </div>

<p> The course has improved my fundamental design skills and approaches, which now heading into my third, will allow me to be more creative with them under my belt. My final year is going to be all about producing high standard work in the areas that I enjoy the most and see myself working in after I have graduated.</p> </div>

</div> </body>

< #about | 14 >

Contact

Links

Address 40 Woodhouse Gardens Brighouse West Yorkshire HD6 3UH

Download Résumé

Phone Number +44 (0) 7863 106520 Home Projects About Contact

Email nathanboltondesign@gmail.com

Behance Tumblr LinkedIn Cargo

<div class="column1"> <h3><font color="#DE6A26"><b>Contact </b></h3></font>

<h3><font color="#DE6A26"><b>Links</b> </h3></font>

<p><b>Address</b><br />40 Woodhouse Gardens<br />Brighouse<br />West Yorkshire<br />HD6 3UH</p>

<p><b>Phone Number</b> <br />+44 (0) 7863106520</p>

<p><b>Email</b> <br><a href="mailto:nathanboltondesign@ gmail.com"><font color="#636467">nathan boltondesign@gmail.com</a></font> </div>

<p><a href="pdf/NathanBoltonDesign Resume.pdf"><font color="#636467"> Download Résumé</font></a>

<p><a href="http://www.behance.net/ nathanbolton" title="Behance"><font color="#636467">Behance</font></a>

<div class="column3"> <p>Website designed by <br /><b>Nathan Bolton Design </b><p> © Nathan Bolton Design 2013 </div> </div>

<br><a href="http://nathanbolton design.tumblr.com/"title="Tumblr"><font color="#636467">Tumblr</font></a> <br><a href="http://www.linkedin.com/ pub/nathan-bolton/75/522/582" title= "LinkedIn"><font color="#636467"> LinkedIn</font></a>

<br><a href="http://cargocollective. com/nathanboltondesign" title="Cargo"> <font color="#636467">Cargo</font></a>

</div>

<li><a href="90 years of bbc radio .html"style="text-decoration :none"><font color="#636467"> 90 Years of BBC Radio</a></font> </li> <li><a href="this is fedrigoni.html" style="text decoration:none"><font color= "#636467">This is Fedrigoni</a> </font></li>

</ul></li><br />

<li><a href="about.html" style="textdecoration:none"><font color="#636467"> <b>About</b></a></font></li><br />

<li><a href="contact.html" style="text decoration:none"><font color="#636467"> <b>Contact</b></a></font></li> </ul>

</div> </body>

< #contact | 16 >

< Website Archive >

Web Pages -

Assets -

Templates -

90 years of bbc radio.html

logo_solid.png

xfs_800x550_c100_IC_04.jpg

template_column.dwt

about.html

nathanboltondesignresume.pdf

xfs_800x550_c100_IC_05.jpg

template_slideshow.dwt

contact.html

xfs_800x550_c100_BBC_01.jpg

xfs_800x550_c100_IC_06.jpg

iconic cities.html

xfs_800x550_c100_BBC_02.jpg

xfs_800x550_c100_imprint_01.jpg

imprint.html

xfs_800x550_c100_BBC_03.jpg

xfs_800x550_c100_imprint_02.jpg

index.html

xfs_800x550_c100_BBC_04.jpg

xfs_800x550_c100_imprint_03.jpg

Plug-ins -

life with energy.html

xfs_800x550_c100_BBC_05.jpg

xfs_800x550_c100_imprint_04.jpg

stylesheet.css

this is fedrigoni.html

xfs_800x550_c100_BBC_06.jpg

xfs_800x550_c100_imprint_05.jpg

jquery-1.7.2.min.js

xfs_800x550_c100_BBC_07.jpg

xfs_800x550_c100_imprint_06.jpg

_easyrotator_preview.htm

xfs_800x550_c100_Fedrigoni_01.jpg

xfs_800x550_c100_imprint_07.jpg

xfs_800x550_c100_Fedrigoni_02.jpg

xfs_800x550_c100_LWE_01.jpg

xfs_800x550_c100_Fedrigoni_03.jpg

xfs_800x550_c100_LWE_02.jpg

xfs_800x550_c100_Fedrigoni_04.jpg

xfs_800x550_c100_LWE_03.jpg

xfs_800x550_c100_Fedrigoni_05.jpg

xfs_800x550_c100_LWE_04.jpg

xfs_800x550_c100_Fedrigoni_06.jpg

xfs_800x550_c100_LWE_05.jpg

xfs_800x550_c100_IC_01.jpg

xfs_800x550_c100_LWE_06.jpg

xfs_800x550_c100_IC_02.jpg xfs_800x550_c100_IC_03.jpg

< #archive | 17 >