Designline

rs

l

i r cl e

lly fit into an

ec

yl

a

ock.Designe

ik

yo

bl ut

s beca

.D block esigner s

l

ik

ya

re

cl e a n, n e a t , a

nd

ec

i r cl e

fit into a

ny

la

he

ge

ra ne

use t y

t ou

rally

s beca

ya

g

he

e en

use t

re

cl e a n, n e a t , a

nd

designers like circles because they are clean, neat, and generally fit into any layout block.

MA Visual Communication - Web Design - VIC701- Visual Summary - John Whalvin

i r cl e s beca u s e t h e

ya

re

cl e a n , n e a t

fit into a y l l a n r y e l n a e g

ec

circles time website crit x 10 internet timeline infographic reserch layout ides development layout journey typography destinations a website summary

ik

D . e k sign c o l b e t rs circles u l vectors yo

,a n d

ec

i r cl e

the development of my designline

my designline is the journey from leaving school to the present day, time spent in different design environments and lessons learned along the way

s beca u s e

fit into a y l l a n r y e l n a e g

ik

D . e k sign c o l b ers t u o l y

t h e

ya

re

cl e a n , n e a t

,a n d

circles

HTML <div id=â&#x20AC;?circleâ&#x20AC;?></div> CSS #circle { width: 50px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;

y

t ou

.png

.D block esigner sl

ik ec

i r cl e

fit into a

ny

la

.gif

e

ya

rally g

th

e en

s becaus e

select each corner individually and set the desired radius, 1/2 the width to ensure a circle.

.svg

re

cl e a n, n e a t , a

nd

time

website crit

alessandrovallainc.com the circle is the main focal point of the site that all the information stems from even adding slight humour with the guy sat behind but that is as far as the circular elements go.

website crit

inmotionmassage.co.uk Logo not followed through, the buttons are coloured circles but not a factor of the site and no reason for the colours.

website crit

dotmick.com circles connected by a surreal selection effect to the cursor as you move its like an organic organism....why? once past main screen circle stop circular organism carries on?

website crit

vlog.it animated circles start to finish with some contrasting square shapes such as the video which is not circular obviously a really well put together site and visually works.

website crit

ivent.cz hopeful on this site, interactive infographic went knowhere a sort or rotating calernder with no links, even though it was in a language foreign to me i should have been able to navigate it.

website crit

teixido.co

the logo is circular but its not a full theme however the use relevent design in the categories works well.

website crit

dribbble.com the cutaway pie 3 dimensional pie chart is the only crcular element on this site of any note, use of colour and depth work well.

website crit

urbangap.com

the use of circles to frame the link icons works well and the brown/red highlight circle provides a great contrast.

website crit

insided.com simple, coloured logo of circles and they have been taken through the site to form the different sections not overpowering but clean and easy to use.

website crit

circlecc.com the name if circle but they have not got carried away with it (they may have once before?) great use of space and current trends with the icons giving the only circle link.

internet timeline

Paul Mockapetris and Jon Postel introduce DNS in 1984, which also introduces the domain name system. The first Internet domain name, symbolics.com, is registered on March 15, 1985

by Symbolics, a Massachusetts computer company.

www

Dennis Hayes and Dale Heatherington released the 80-103A Modem in 1977. The Modem and their subsequent modems become a popular choice for home users to connect to the Internet and get online.

DNS is introduced

the modem is introduced

On September 2, 1969, the first data moves from the UCLA host to the switch. The picture to the right is Leonard Kleinrock next to the IMP.

Ray Tomlinson sends the first network e-mail in 1971. It’s the first messaging system to send messages across a network to other users.

A commercial version of ARPANET, known as Telenet, is introduced in 1974 and considered to be the first Internet Service Provider (ISP).

first commercial network

first network equipment

Leonard Kleinrock standing next to IMP On August 29, 1969, the first network switch and the first piece of network equipment called “IMP” (Interface Message Processor) is sent to UCLA.

ethernet is concieved

Bob Metcalfe develops the idea of Ethernet in 1973.

e-mail is developed

the idea

The initial idea of the Internet is credited to Leonard Kleinrock after he published his first paper entitled “Information Flow in Large Communication Nets” on May 31, 1961.

general public learns about internet

The UCLA (University of California, Los Angeles) put out a press release introducing the public to the Internet on July 3, 1969.

Tim Berners-Lee introduces WWW to the public on August 6, 1991.

The World Wide Web (WWW) is what most peop today consider th “Internet” or a series of sites and pages that are connected with links. The Interne had hundreds of people who helped develop the standards an technologies use today, but witho the WWW, the Internet would not be as popula as it is today.

initial creation

The first message to be distributed was “LO”, which was an attempt at “LOGIN”

by Charley S. Kline to log into the SRI computer from UCLA. However, the message was unable to be completed because the SRI system crashed.

Shortly after the crash, the issue was resolved, and he was able to log into the computer.

In 1978, TCP splits into TCP/IP, driven

by Danny Cohen, David Reed, and John Shoch to support real-time traffic. The creation of TCP/IP help create UDP and is later standardized into ARPANET on January 1, 1983. Today TCP/IP is still the primary protocol used on the Internet.

Tim Berners-Lee In 1990, Tim Berners-Lee develops HTML, which made a huge contribution to how we navigate and view the Internet today.

HTML

Vint CerfVinton Cerf and Robert Kahn design TCP during 1973 and later publish it with the help of Yogen Dalal and Carl Sunshine in December of 1974 in RFC 675. Most people consider these two people the inventors of the Internet.

1990

first commercial dial-up ISP

In December 1968, Elmer Shapiro with SRI released a report “A Study of Computer Network Design Parameters.” Based on this work and earlier work done by Paul Baran, Thomas Marill and others, Lawrence Roberts and Barry Wessler created the Interface Message Processor (IMP) specifications. Bolt Beranek and Newman, Inc. (BBN) was later awarded the contract to design and build the IMP subnetwork.

On Friday October 29, 1969 at 10:30 p.m., the first Internet message was sent from computer science Professor Leonard KleinRock’s laboratory at UCLA, after the second piece of network equipment was installed at SRI. The connection not only enabled the first transmission to be made, but is also considered the first Internet backbone.

1980

TCP/IP is created

In the summer of 1968, the Network Working Group (NWG) held its first meeting, chaired

by Elmer Shapiro, at the Stanford Research Institute (SRI). Other attendees included Steve Carr, Steve Crocker, Jeff Rulifson, and Ron Stoughton. In the meeting, the group discussed solving issues related to getting hosts to communicate with each other.

the first message and network crash

In 1962, J.C.R. Licklider became the first Director of IPTO and gave his vision of a galactic network.

Also, with ideas from Licklider and Kleinrock, Robert Taylor helped create the idea of the network that later became ARPANET.

1970

TCP is developed

1960

The first commercial Internet Service Provider (ISP) in the US, known as “The World”, is introduced in 1989. The World was the first ISP to be used on what we now consider to be the Internet.

more britons turn to phones over laptops to get online

youtube 3g 4g

y

t ou

.D block esigner s

l

ec

s becaus e

2020

JavaScript was developed by Brendan Eich in 1995 and originally known as LiveScript. It was first introduced to the public with Netscape Navigator 2.0 and was renamed to JavaScript with the release of Netscape Navigator 2.0B3.

JavaScript is an interpreted client-side scripting language that allows a web designer the ability to insert code into their web page.

MySpace founded August 1st 2003

Originally known as oak, Java is a programming language developed

by James Gosling and others at Sun Microsystems. It was first introduced to the public in 1995 and today is widely used to create Internet applications and other software programs.

who invented the internet?

A single person did not create the Internet that we know and use today.

Below is a listing of different people who have helped contribute to and develop the Internet.

The Internet as we know it today first started being developed in the late 1960â&#x20AC;&#x2122;s in California in the United States.

e

g

th

e en

rally

2010

i r cl e

2000

fit into a

ny

la

Facebook was founded February 4th 2004

streaming films

ik

java and javascript

ar

first phone browser

nd

nd ed out

tv online

cl e a n, n e a t , a

et f

superfast broadband

re

d

NCSA Mosaic 1.0Mosaic is the first widely used graphical World Wide Web browser developed and first released on April 22, 1993 by the NCSA with the help of Marc Andreessen and Eric Bina. A big competitor to Mosaic was Netscape, which was released a year later.

Today, most of the Internet browsers we use today, e.g.

Internet Explorer, Chrome, Firefox, etc., got their inspiration from the Mosaic browser.

wi fi

ya

ple he

first graphical internet browser

W

Google was founded September 4th 1998

internet timeline

infographic

research

infographic

research

layout

layout

ideas

ideas

infographic

cons

ultin

ins

as free

tag

Lond

on s

lance d

tartu

ram

08 andr oid

iphone

r 2007

uc

to

nd

laun

ched

ed

Sept

launch

ed Jun

cy 2006 Twitt er founde

ra

tS

Oc

ole

t6

23rd

th

nt

Se

pt

20

12

201

0

010196

2008

29th 2

007

d Mar 21st 20

06

Youtube founded Feb 14th 2005

2004 h 2004 r web agency unded Feb 4t lead designe Facebook fo 03 1st 20 d Aug 03 use 2p0ace founde o h re 2002 ftwa Mys Dec r for so nded anage u m o g f n ti edin marke Link

99 7 ap bas e h i 6 c D ver es sio sta ign n rte eba dF 19 of w alm y fo 97 ifi out un int d h j e a Co ro start lleg va an d Sep du ed 2 t3 d ja eo year ce r f th btec vas d 1 d1 995 eA art & cri 99 rts pt desig 7 dev 199 n 19 elo 93 5 ped left en first 199 gineeri started grap ng to g 5 art coll hica o to art ege 1 y l inte college ear fou rnet 1992 ndatio b rows n 1992 er 19 macro 93 media founde d 1992 world wide we b is introduce d 1991

cy 1

Gr

ag en

on

gra

ph ic

s1

99

ND

ing

ine dH

lis h

ga

pu b

isi ev tel lite

red

ste

g/

egi

is r

tel

ain

sa

ed

uc

dom

rti sin

sf

od

net

en t

ei

ntr

ter

t in

ad ve

ob

si

irs

pla ce m

Ad

Si

in

82

5f

rk

019 98 9

19

DN

ing

1977 th

84

rk

k

or

tw

ne

t

ne

er int

ved

concie

developed

ou

e mod

TCP/

nd

IP is

ed

em is in

troduc

crea

ted

ed

rk wo

et

tn

irs

f nd

a the sage ut es m t firs

o ab

first commercial network

98

entiship

wo

1974 TCP is

19

ghtsman appr

wo

uil

ernet is

1978

drau 1989 started hool secondary sc 1989 finished l-up ISP mmercial dia

be ga n

ed

th 1973 e

198

le

og

Go

s wa

fo

un

d de

Se

pt

ig

MP

eI

h dt

rns e ea c l nt th i l e ub ct l p uipm ra era k eq nt n o r e c o g 69 etw ped 19 rst n velo fi s de i l i a 1 em 197

19

h 4t

1990 HTML is developed

la for

web

1989 first co

in

g

esi

ed

s hou

ner

te 1

ra rpo

o

c rge

999

initial cre at

db

n na

es

d to

rd

a aw

70 0 19 1

r design agen

str

fou

p 20

esigne

lead designe

l in

ion

started

g on

ca

1 re 968 po n rt etw -a o st rk w ud o y o rki f n ng et gro wo u rk p m de ee sig tin g n pa ra m et er s

hin

ision o

sT ec

1961 the ide a - may 31

da

1962 v

te

0 020 02

ar

es on e ph lin to on urn et s t to g ton s bri ptop re la mo of 15 ead 20 t th ins g5

St

f a gala ctic ne

Au

twork

development

sh

cra

infographic g5 Au 2 th 015

hed

dO

launch

Sept

ed Jun

Twitter found

ct 6

th

23rd

0

2008

29th 2

ed Mar 21st

201

007

2006

related

Youtube founded Feb 14th 2005

h 2004 unded Feb 4t Facebook fo t 2003 Aug 1s d e d n ce fou 002 Myspa ec 2 D d unde in fo d e k Lin

Ad

5 199 rd t3

ed

r

pte

om

hc

tos

cin

ma

Sep

nd

le

ed

ou

pp

und

sf

ta

y fo

ei

s fir

eba

ob

84

wa

82

19

Go

le og

o sf

u

nd

ed

Se

pt

h 4t

19

8

9 19

d 1992

iphone

aunc

nde

founde

oid l

fou

media

andr

ram

macro

tag

nes pho e to onlin rn t s tu to ge ton bri tops re p mo of la d tea ins

ins

cons

lead

us nho da hin

ed sT ec

ultin g on

lead designer

es er ign ca

as free

anag l in

Lond

lance d

for str uc

oftwa er for s

ge lar to

design agen ra

on s

esigne

agency 20 designer web

re hou

cor tS

tartu ole

at por nt Se pt

cy 2006

04

rentiship 1989 started draughtsman app hool 1989 secondary sc 1989 finished

started te

ga sing ine / me d H pu nt ND blis sa tel Gr hin sta lite ap g rte hic ag tel dF e alm vis De enc ion out sig y 1 hC gra n 1 99 olle ph 99 7 ge i c 7 of s 19 the 9 Art 6 s1 start 995 ed 2 year btec art & left en desi gineer gn 1 ing to 993 go to a started a rt colle rt colleg g e 1992 e 1 year foundati on 1992

ve rti

ad

ar

pla ce

in

St

wo rk

g

in

rk

wo

i

n

ting m

ga

marke

be

development

20 12

p 20

r 2007 08

career

se 200 3

e1 999

e < car

ath p er

infographic New Fashion Colours for Fall/Winter 2014-2015

er p e r a <c

r e e r < ca

ath

th a p

development

si a d v e rti

ng

rk in g

wo

in

in

se hou

des

ign

er

ance de

Lond uc

la for

rge to

r web agency

for so ra

on s

signer

r design age tS

tartu

cor

por ole

ate nt Se pt

ncy 2006

2004

tiship 1989 started draughtsman appren school 1989 d secondary 1989 finishe

em en

anager

lac

ting m

rk p

lead designe

wo

lead designe

ad ve rti ga sing ine / d H pu ts ND blis ate Gr hin llit sta ap g et rte hic ag ele dF alm vis De enc ion out sig y 1 hC gra n 1 99 olle p 99 7 hic ge 7 of s1 the 99 Art 6 s1 start 9 ed 2 95 year btec art & left en desig gineer n 19 ing to 93 go to ar started art t colle college 1 ge 1992 year fou ndation 1992

ga n

g on str

20 12

p 20

2007

08

hous ftware e 2003

career

199 9

p eer < car

ath hical

grap

se

no

1991

wser 1993 is introduced

et bro

ed

5

199

uc

int ro d

ed

lop

ifi

fw

eve

td

rs io

ve

jav asc rip

ba

intern

jav aa nd

world wide web

first

ed

as freel l in ter ed uc egis is r rod int ain om S is td DN rne inte rst 5 fi

ultin ca 198

hin

sT ec 84

cons da 19

19

started te ISP

ar 1990 HTML is developed

St mercial dial-up 1989 first com

marke

be

97

r wa

de

1 re 968 po n rt etw -a o st rk w ud o y o rki f n ng et gro wo u rk p m de ee sig tin g n pa ra m et er

s

1961 the idea - may 31 1962 vis ion of a galac tic netw

ork

layout n e ea ign t th ssag ou e ab st m rns fir lea t the c a en bli pu ipm ct ra ral qu nt ne k e co ge or 69 etw ed 19 st n elop ir f dev ail is 1 em 197

dt

the web 1978

od

es

TCP/I

d an

1973 et 1974 TCP is

1977 th P is

h dt

il bu

hernet

crea

eI

e mod em is in ted

MP ne tw or

er int

k

ne t

first commercial network

developed

is conc ieved

troduce d

irs df tn etw ork cra sh

layout john whalvin

<h1>1971</h1>

<p>email is developed</p>

the web

1 re 968 po n rt etw -a o st rk w ud o y o rki f n ng et gro wo u rk p m de ee sig tin g n pa ra m et

er s

1961 the ide a - may 31 1962 v ision o f a gala ctic ne tw

ork

layout he

t ild

1974 TCP is

the web

1977 th

7 d1

99

5

ce

d 1991

brow rnet l inte hica grap

b is introduce

ser 1

lop eve td rip jav nd

aa

world wide we

ed

993

199

du ro int fi wi of ion rs

asc first

red

ste

egi

is r

jav

ain

dom

ed

uc

od

net

ter

ntr

si

t in

irs

Si

5f

DN

198

84

19

l-up ISP

mmercial dia

1990 HTML is developed

1989 first co

ve

nt ei

cieved

developed

first commercial network

1978

e mod

TCP/

IP is

em is in

troduc

crea

ted

rk

o etw

t is con

therne

se

I

k

or

tw

ne

tn et firs ern nd a e s t th ssag de ou e ab st m to s d r e rn fi rd lea t the wa lic n ub ipme ta p c l u ra era eq nt en rk co 9 g etwo 6 ped 19 rst n velo fi s de i l i a 1 em 197 bu

nd

a ign

1973 e

ba

MP

ed

sh

cra

layout john whalvin

<h1>1971</h1>

<p>email is developed</p>

the web

layout

layout

journey

journey

typography

typography

layout

typography

typo graphy

design graphic

typography

journey

destinations

freelance designer

technical instruction

technical instruction

ado

masters degree

be

freelance designer

be

design

freelance designer

ado

be

technical instruction

ado

freelance designer

adobe

ado

be

masters degree

technical instruction

destinations

destinations

final

final

final

summary

I went into this project heavily armed with information as the website was to be built with adobe muse which I have been using and teaching for the past year and a half. Add to that the fact I have been building websites professionally since 2001 and I was quite self-assured with this assignment.

As the infographic started taking shape it was apparent that my initial plan to link everything from one diagram was going to be too cluttered. If the journey had been a simple one it would have been straightforward, I did not want to link to past companies but show a journey of learning and seeing as every job contained multiple skills that overlapped this was the was to view it actually The tricky part of this assignment was to attempt to approach it as a journey that linked from the infographic. from a new angle, to challenge myself and come up with a not just an interesting solution to the brief but with a site using skills I remembered seeing a lecturer many years ago draw a line that and elements that I had not yet experienced or had only touched started of messy and eventually as it went along horizontally on in the past. it became less jagged finishing as a straight line and this was supposed to explain the design process and a designers mind.

On deciding that I was going to produce my designline from This got me thinking that is how the journey looks, like a road school to present day I set about thinking how I could approach sometimes straight and easy sometimes full of curves where this, I had already the content as I had lived it and it was an things are not so easy but is all a learning curve. extension of my curriculum vitae but I did not want to make it a portfolio website as I already have one of those online. This led to Back to the design there was a phrase in the teaching “designers the though “well how long has the internet been around?” linked like circles because they are clean, neat, and generally fit into in with the question “at what point did I start using that in relation any layout block.” I simply liked this phrase as having worked in to it?” corporate design it was very structured, circles and a weaving journey but not a road a designline that had to include typography Infographics may seem a stable diet of designers but over many but still maintain the simplified look of an over-extended infographic. years in design dating back to finishing studying graphic design in 1997 I have not had much call to create them in my positions Did it work? Id do believe it di although I think the link to the internet at agencies so this seemed an obvious way to approach the timeline and the social media timeline seems a bit tenuous and subject overlaying my designline with the creation line of the should have been explained rather than just looking like design internet, adding to that the overlay of social media which is heavily for designs sake. ingrained in modern society.

references ALEXANDERANDPEARL.CO.UK, 2016. Large Multi Colour Metal Wall Clock [viewed November 2 2015]. Available from: http://www.alexanderandpearl. co.uk/clocks-247-c.asp ARMITAGE, J., 2013. The D5 Graphic Design Blog [viewed December 10 2015]. Available from: http://d5media.co.uk/graphic-design/most-influential-designers-david-carson/ BOWEN, R., 2014. HOW TO USE CIRCLES IN WEBSITE DESIGN [viewed November 12 2015]. Available from: http://www.webdesignerdepot.com/2014/09/ how-to-use-circles-in-website-design/ BRIGHTMORE, J., 2016. dribble, what is it used for [viewed November 14 2015]. Available from: http://lab.4muladesign.com/dribbble/ BUNKER, R., 2013. Using Images to Develop Heat Maps | Improving Your Online Survey [viewed December 12 2015]. Available from: https://rmsbunkerblog. wordpress.com/tag/market-research-heat-map/ CARSON, N., 2013. Typographical twins: 20 perfect font pairings [viewed November 30 2015]. Available from: http://www.creativebloq.com/typography/20-perfect-type-pairings-3132120 CIRCLECC.COM, 2015. branding / print / interpretation / web WE BUILD BETTER BRANDS CIRCLE CREATIVE COMMUNICATIONS [viewed November 16 2015]. Available from: http://circlecc.com CRAWFORD, S., 2014. Neville Brody [viewed December 16 2015]. Available from: http://inkbotdesign.com/neville-brody/ DATI, U., 2016. urban/dati [viewed November 15 2015]. Available from: http://www.urbangap.com/urban12/maggio DEMILKED.COM, 2016. 33 Unusual And Creative Clocks [viewed November 2 2015]. Available from: http://www.demilked.com/33-unusual-and-creative-clocks/ DICTIONARY.COM, 2016. advertising [viewed January/4 2016]. Available from: http://dictionary.reference.com/browse/advertising ENTHEOS, 2016. Dazzling Infographics Design Elements [viewed November 5 2015]. Available from: http://blog.entheosweb.com/resources/dazzling-infographics-design-elements FOSTER, S., 2016. in motion massage [viewed November 17 2015]. Available from: http://inmotionmassage.co.uk FREEPIK.COM, 2015. Business Infographics circle papers style [viewed November 5 2015]. Available from: http://www.freepik.com/free-vector/business-infographics-circle-papers-style_712470.htm FREEPIK.COM, 2016. Circle infographic template [viewed November 5 2015]. Available from: http://www.freepik.com/free-vector/circle-infographic-template_762278.htm FRITZ, J., 2013. Round object on corners [viewed November 13 2015]. Available from: https://helpx.adobe.com/muse/how-to/muse-round-corners-on-objects.html HOPE, C., 2016. Who invented the Internet? [viewed December/10 2016]. Available from: http://www.computerhope.com/issues/ch001016.htm HOSEIN, M., 2012. 40 Examples of Using Circles in Web Design [viewed November 15 2015]. Available from: http://speckyboy.com/2012/08/27/40-examples-of-using-circles-in-web-design/ HOUZZ, 2015. Gear Wall Clock [viewed November 2 2015 2015]. Available from: http://www.houzz.co.uk/photos/1676561/gear-wall-clock-eclectic-wallclocks HOUZZ.CO.UK, 2016. 5 one piece Clocks [viewed November 2 2015]. Available from: http://www.houzz.co.uk/photos/clocks/query/one-piece?irs=US IFONTYOU.COM, 2015. HELVETICA NEUE COMBOS [viewed November 30 2015]. Available from: http://ifontyou.com/fonts/helvetica-neue IL\’YIN , Y., 2016. Circle infographics [viewed November 5 2015]. Available from: http://www.dreamstime.com/stock-image-circle-infographics-modern-business-options-banner-can-be-used-diagram-cutout-lines-number-options-image31850211 IMAGESBOT.COM, 2010. David Carson Poster image gallery [viewed December 12 2015]. Available from: http://www.imagesbot.com/David-Carson-Poster IMPOSSIBLE, T., 2013. Google heatmap for SEM and SEO [viewed December 2 2015]. Available from: http://www.impossible.sg/google-heatmap-for-semand-seo/ INSIDED.COM, 2016. Empower your customers [viewed NOvember 13 2015]. Available from: http://www.insided.com IVENT.CZ, 2015. O SPOLEČNOSTI [viewed November 16 2015]. Available from: http://ivent.cz IYVA, 2014. 15 Great Arrow And Circle Elements For Infographics [viewed November 5 2015]. Available from: http://freebiesdesign.com/15-great-arrow-and-circle-elements-for-infographics/ JACOBS, I., 2010. W3C Scalable Vector Graphics (SVG) Logos and Policies [viewed November 14 2015]. Available from: http://www.w3.org/2009/08/ svg-logos.html KYRIAKIDOU, A., 2011. Graphic Designer Neville Brody [viewed December 12 2015]. Available from: http://angelakyriakidou.tumblr.com/post/4683929037/ graphic-designer-neville-brody LAKI, P., 2012. Neville Brody [viewed December 17 2015]. Available from: https://kingydesignhistory2012.wordpress.com/2012/03/06/post-1-paula-nevillebrody/

references LARCHEVÊQUE, M., 2015. MK Works [viewed November 16 2015]. Available from: http://dotmick.com LATECI, 2016. Business Infographics circle origami style Vector [viewed November 5 2015]. Available from: http://www.dreamstime.com/royalty-free-stock-images-business-infographics-circle-origami-style-vector-illustration-can-be-used-workflow-layout-banner-diagram-number-options-step-image35141339 LIVERATORE, M., 2016. Infographic Circle Style [viewed November 5 2015]. Available from: https://www.behance.net/gallery/Infographic-Circle-Style/4543753 LOOPSTRA, V., 2010. Book: David Carson [viewed November 30 2015]. Available from: http://www.vincentloopstra.nl/?p=102 MANIA, G., 2016. Business infographics elements circle vector [viewed November5 2015]. Available from: https://www.vectorstock.com/royalty-free-vector/ business-infographics-elements-circle-vector-1222480 MULLER, G., 2011. 25 Examples of Circular Elements in Web Design [viewed November 12 2015]. Available from: http://tympanus.net/codrops/2011/01/24/ circular-elements-in-web-design MUSICGIFTSUSA.COM, 2016. Round Keyboard Wall Clock [viewed November 2 2015]. Available from: http://musicgiftsusa.com/product-category/clocks/ NOTONTHEHIGHSTREET.COM, 2016. ‘Bang’ Clock [viewed November 2 2015]. Available from: http://www.notonthehighstreet.com/cuteclocks/product/ bang-clock OCTER.COM, 2015. Knightsbridge Clock [viewed November 2 2015]. Available from: http://octer.com/product/06014f5c-fd6c-54d6-ab6a-f8c10bc7b1cc O’SHEA, R., 2011. How to draw circle in html page? [viewed November 17 2015]. Available from: http://stackoverflow.com/questions/6921792/how-to-drawcircle-in-html-page REFRESH, D., 2013. A Better Analytics Tool To Improve Customer Experience & Conversion? [viewed December 15 2015]. Available from: http://www. dealerrefresh.com/clicktale-analytics-to-improve-customer-experience-conversion/ ROSELLA, M., 2015. Vlog it [viewed Novemebr 13 2015]. Available from: http://vlog.it SANBOOYTHO, N., 2016. Business Infographics circle [viewed November 5 2015]. Available from: http://www.dreamstime.com/royalty-free-stock-images-business-infographics-circle-computer-web-design-office-image37434109 SANDBERG, H., 2012. Google Heat Maps And SEO [viewed 2015 18 2015]. Available from: http://seocustomer.com/google-heat-maps-and-seo/ SEMLEE, Z., 2016. Infographics circle [viewed November 5 2015]. Available from: http://www.dreamstime.com/royalty-free-stock-photos-infographics-circle-colorful-ecommerce-icons-image34931168 SEO, C., 2012. Do you look at the Ads? – Google Ads Heat Maps [viewed November 30 2015]. Available from: http://corporateseo.net/google-ads-heatmaps/ SOROKINA, O., 2015. 8 Types of Social Media and How Each Can Benefit Your Business [viewed December/10 2015]. Available from: http://blog.hootsuite. com/types-of-social-media/ SUCCESS_ER, 2016. Infographics circle origami style [viewed November 5 2015]. Available from: http://depositphotos.com/35524199/stock-illustration-infographics-circle-origami-style.html TANDA, V., 2016.

Modern business circle,Infographics – Stock Illustration [viewed November 5 2015]. Available from: http://depositphotos.com/34604983/stock-illustration-modern-business-circleinfographics.html TARAMAS, K., 2016. Vector - Modern business Infographics circle origami style [viewed November 5 2015]. Available from: https://www.123rf.com/photo_22121399_modern-business-infographics-circle-origami-style.html TEIXIDO.CO, 2016. THIS IS TEIXIDÓ [viewed November 14 2015]. Available from: http://teixido.co THEEDESIGN.COM, 2013. What Successful Websites Know (That You Don’t) [viewed November 30 2015]. Available from: https://www.theedesign.com/ blog/2013/what-successful-websites-know-that-you-dont VALLAINC, A., 2013. I Am AV![viewed November 18 2015]. Available from: http://www.alessandrovallainc.com WATCHSHOP.COM, 2016. Seiko Clocks Wall Clock [viewed November 2 2015]. Available from: http://www.watchshop.com/seiko-clocks-wall-clock-qxa426s-p99944590.html WAYFAIR.CO.UK, 2016. Smiths Wall Clock [viewed November 2 2015]. Available from: http://www.wayfair.co.uk/Wall-Clocks-C1773864.html WOODS, I., 2011. Good Sense Adsense [viewed November 30 2015]. Available from: http://www.newblood.com/blog/good-sense-adsense WORSNOP, K., 2013. eu-rail-investment-infographic [viewed 2015 2015]. Available from: November 5 XENONN, 2016. Infographics - Vector circle business concept diagram [viewed November 5 2015]. Available from: http://depositphotos.com/23352560/ stock-illustration-infographics-vector-circle-business.html

re

cl e a n, n e a t , a

nd

ge

ya

lly fit into an

yl

a

cl e a n, n e a t , a

ra ne

re

l

nd

g

ya

s beca i r cl e ec

.D block esigner s

e en la

ik

ny

ec

i r cl e

fit into a

s beca

rally

use t

he

use t

he

2015 ik

y

t ou

yo

bl ut

ock.Designe

rs

l