Power Our Lives – Typography Investigation

November 22, 2014 § Leave a comment

Power Our Lives Essay





Talk with Peter

March 19, 2014 § Leave a comment

For the project management project, I’ve chosen to go with the gap year option, mainly since I wish to go on a gap year myself once I leave University. I spoke to Pete about travelling, getting information that would be relevant to the project, as well as information for programs available out there that I may be interested in.

South America is the continent I’m going to focus on for the project, as well as it being an option for my actual travels. Pete gave me a lowdown of the countries and the relative safety of each, with most of the countries being pretty stable with nothing* for me to worry about. He said that Peru is relatively safe, so long as I’m careful, Columbia however is quite a volatile country, where the potential of being kidnapped or forced to do something I don’t want to do is far more likely than others.

Some factors I need to consider:
– What if I lost all my money?
– How do I distribute my money in countries?
– Location of country: how remote is it, and will I be able to take out money for some time?
– Justify all of this
– Time of year and weather then
– Winter / summer / temperatures / wind / acceptable attire for conditions
– How many passports will I require?
– How do I carry these passports together? (since carrying multiple is often frowned upon for various reasons)
– Will I need to cycle my movement between countries to retrieve the other passport(s)?
– Profile each country
– What will I need/should have for each?
– flu jabs and medications etc.

Peter suggested looking at the FCO (Former Common Wealth Office (used to be BTOB)) website as this supplies information on:
– Industry
– People
– Cost of living
– Weather
amongst other research, all being very helpful to me.

I mentioned that I may possibly do some volunteer work while I’m out, Peter suggested doing some research into ‘Raylegh Expeditions’ (Operation Raylegh), this is aimed at allowing people from all backgrounds to challenge themselves, building, helping, cleaning islands, climbing,walking etc. all expedition-y style stuff, with lots of physical activity, as well as aiding communities. This sounds like a brilliant opportunity to undertake, which sounds right up my street! There’s also the possibility to obtain a Grant – depending on your financial background – but you must also show that you’re capable of raising money yourself.

If i want to do this, I need to apply early, by at least half a year, to ensure I gain a placement. The locations are situated all over the globe, so I can pick whatever suits my fancy, or I can adapt it into/through my gap year travels.


I also mentioned to Peter that I very much enjoy the outdoors, and it’d be nice to possibly get some work that some how utilises my design skill set and creative mind, while engaging with nature simultaneously. Some suggestions Peter came up with included:
– Camping websites (and other related)
– Writing and editorial based work which gets me outside, experiencing the outdoors in some way or form, then reporting back

Other possible design routes to consider include product design and possibly 3d. Product design, woodwork, and other craft based skills are of great interest of me also.

Packaging / Brand Narrative

February 24, 2014 § Leave a comment

Many companies claim to have a strong brand, but it’s usually just the combination of name recognition that comes with age, a specific color that they call their own, and perhaps a logo or other design element that they have clung to. With Kraken however, their brand is not just a collection of elements, but a whole style and persona that is both unique, and instantly recognizable. There’s a feel to Kraken that you just don’t get with many products, and while it’s polarizing, it’s also something that consumers can latch onto and really claim as their own.

With the Kraken backstory there was an aura created around the brand and its origins, they were able to move the conversation away from tastes and flavors, which liquors typically chain themselves to, and instead focused on the unique experience of Kraken rum, which does a much better job of incentivizing a trial. As a consumer, you can be easily turned off by a liquor that sells itself as a flavor that’s not your usual preference, but it’s hard not to try a brand that challenges you to tame a mythical beast.

“To launch the world’s first 94 proof black spiced rum, we developed an integrated campaign based on the sea-beast of myth and legend. We developed an “accurate” history and, quite possibly, real world from which The Kraken Rum, may indeed have come. We created “scientific” movies, a scientific journal and an interactive website to educate the public. – Charmaine Choi

Dreamweaver Week Three

February 24, 2014 § Leave a comment

Site > New site > ‘third week’ > locate folder (DREAMWEAVER WEEK THREE) > save

open ‘index’ and ‘stylesheet’ in bottom right files

apply rules to divs (‘outerwrapper’ etc.), everything is pretty much a div except for thumbnail

we want to style the heading of the text > go style sheet > at the bottom we make a class > a class starts with a full stop
.leosHead {

everything is wrapped in something, and text is no different if wants to be styled

highlight text in index
then > <div id=”header”> <span> Leo’s Website <span><div> when you open the ‘<‘ and start typing it will automatically bring up  list of functions

next we get up the body text (dummy), go to lipsum.com > grab some text and past into the text container in the index
now we need another class to style the body > go to style sheet > below the class we just made:
.leosBody {
To style the body, we need to add the class (after the text container code:
<div id=”textContainer”> <strong>Lorem Ipsum</strong> <span=”leosBody”> then </span> before the <div> at bottom (shortcut is /)

Whenever there’s text I want to activate as a link, simply highlight it in the right preview window. Highlight page 1, and at bottom, find the ‘Link’ bar, here we want to link up the page 1 text to the page that’s  been made (in file menu on side). Use the ‘pick whipper’ tool (cross hair symbol next to bar) and hold and release on page in side menu.

<p> [paragraph] <a href=

the class for the link has to use the css syntax – a:link {
font-family is the font used.
font-decoration has lots of options to make the text look different, such as blinking, underlining etc.

a:hover is when the mouse is hovering over the link

a:visited is what happens when the link has been visited. If you want the same specifications as the regular link, simply copy & paste from the original a:link.

a:active is when you actually hold the mouse and click the link

If I wanted to start putting images in the thumbnails, I’d take away the text then ‘insert’ > ‘image’, but the image HAS to be the right size, otherwise it will knock everything else on the page out of place.


file > bath process > add all pictures I want to and then (scan to fit area) and it will batch process all the images to the right size
Photoshop also has this function, but Fireworks is made for web development.

Dreamweaver Week 2

February 17, 2014 § Leave a comment

Today we are going to look out layout of images.

1. We began with loading the Illustrator file that was in the folder. This presented a layout that we were going to use, this is different from last week’s as it’s a bit further.


We have defined a rule for the outer wrapper of the page. Whenever we set the left and right margins to auto the wrapper is then centred to the page, this is no matter what web page it is. The top margin is pretty self-explanatory, as is the margin bottom. We haven’t specified a height because it will grow as content is added to it.


We then talk about the header, this sits inside the Outer Wrapper, because it’s inside we change it to 100%, we can then change the Outer Wrapper size and because everything inside it moves with it, the header will also expand.


The side root folder is in the folder we saved to our desktop. We have to make sure we locate the site. This is mandatory each time we create a site.


We then come up with this box at the side which locates all the pages in the folder.


We opened a new .html page and named it “Index” and had to tell it that the CSS sheet existed.


We used this and selected “Add Style Sheet.” This then showed it worked by changing the screen to grey – what the style sheet told it to do.


Two ways to hold content in .html:
1. A table
2. “Div” container/tags – simply a box”
We are going to create a div for the Outer Wrapper, we want it to take on the rule declared for the “Outer Wrapper.” To code it – we use it inbetween the body tags because that’s visible to the user (head tags are hidden from the user.) Rules are given “ID”‘s by the hashtag.

The code generated a little box but there was nothing in it due to the fact there was nothing in the outerWrapper.



We then created a “div” for the header and typed and the text appeared in the box.


We then had two elements side by side which were wrapped in the content wrapper. We created a content wrapper div and when something inside the main flow they can’t occupy the same horizontal space instead it goes to the next available space which is right underneath the margin. We need to take it out of the document flow in order to sit side by side, this can be done by the “float” command on the style sheet.

We then added more div sheets and previewed it in Safari to check everything was working.

Screen Shot 2014-02-17 at 16.54.23

Screen Shot 2014-02-17 at 16.56.42

We then wanted to add padding to the left sidebar. We then did some maths on the style sheet and took some numbers off the width and height and account for the padding.

We then inserted the thumbnail container. Instead of giving the thumbnail id’s we give them a class because we want to use it more than once.

Screen Shot 2014-02-17 at 17.04.28

We then duplicated the code.

Screen Shot 2014-02-17 at 17.06.21


Screen Shot 2014-02-17 at 17.08.17

What Do I Want From My Data?

February 5, 2014 § Leave a comment

hypotheses / theory / what do I want to discover? What’s my project, and what’s the reason for doing it?

  • Environmental
  • Sustainability (social)
  • Economic (efficiency)

Identify clear personal/professional aims and objectives
> I want to understan my movement in a statistical way, comparing my movement during summer time (with no duties) to term time (mid September) where I am at University and therefore have a specific routine that’s compulsary. – the economics/environmental/social aspects of it – cost/effieciency/practicality/flexibility

– What do I want to get out of my data?

– What can I show from my data set
> mapping of my movements
> compare & contrast other peoples movement with my own (statistically)
> most popular/favoured modes of transport   > Average distances/times moved every day (personally+others)

-What comparisons / contrasts / variables / patterns / outliers can I present?

– How (many) ways can I present my data set?
> on maps
> on a multitude of data vis. -graphs/charts etc.

Integrate reflections from previous brief (altered for current brief):

– What is your position on the context?
– How do you tell the story? A series of single images, how can a narrative be developed?
– Clearly present this, should be easy to understand data, not incredibly complex and difficult to make sense of.

– More contemporary or influential research is required to move your ideas on at an early stage
– Add personality to my design(s)
– Cultural insight?
– Don’t stray from the theory/hypotheses


Project Proposal – Data Visualisaion

Use this form to write, and submit, your proposal for this project. You are, in effect, writing your own detailed brief in response to the general project briefing. This process will prepare you for the final project of the year, which will be entirely self directed.It will be sent to your seminar tutor, so that the proposal can become the focus of discussions and feedback.

It is important that you identify and describe your data set in the Rationale (1).

Reflect on your formative assessment and feedback already received when you write your Aims (2) and Objectives (3) for this new project.

The submission deadline for this proposal is Wednesday 11th December at 15.00

Feedback will be given on your proposal in your normal studio seminars on Thursday 19th December

1 – Establish a Rationale (What is your project and the reason for doing it?) *
What is the theme/topic or body of knowledge? What is the need for this visual communication? Are you playing to your strengths both intellectually and practically? Is there potential for you to excel? Is there a defined context for this project, what is the thrust? Is the intention to inform, comment, promote, narrate etc? Do you understand, empathise, agree with or philosophise about the subject matter or theme? Do you have sufficient depth of understanding to determine a suitable level of enquiry and analysis? Is the intended work intellectually challenging or lightweight? Has a defined audience been identified? Is there an envisaged client or type of client?

– Topic: modes of transport.
– The need for this visual communication is to demonstrate the way the government should be funding transport in this country, to reduce environmental impact while improving flexibility.
– My challenge intellectually is to be able to display the data in a format that is easily understandable, and practically, as it’s information that I can and have obtained fairly easily and continuously.
– Yes.
– The thrust is looking upon reducing the impact of transport on the environment – environmental and economical factors
– I would like to show a narrative of my own movements, which are dictated by the availability of transport to my destinations, in confluence with flexibility, efficiency and cost.
– Yes I do agree with the subject matter.
– I believe I have a sufficient amount of data to an extent, but as I progress with this project it should improve.
– With the potential breadth of information that can be gathered this will prove to be intellectually challenging.
– All travelers.
– The client could be the government and transport bodies.

2 – Identify Aim/s (What is it that you intend to do?) *
Have you determined a final outcome and what its form will be e.g. a children’s book, advertising campaign, a series of editorial commentaries, a research project, a computer game, an animated children’s series etc. Does the project or final outcome have a title?
The way I currently see this heading, the brief is pushing towards a research project.
3 – Identify Objectives (How do you intend carrying out the work?) *
What intellectual skills do you need? How much research and analysis is required? How much reference gathering is envisaged? How much design work, conception of ideas or originality is needed in order for your project to succeed? What practical skills are required? How much visual material is to be completed e.g. visuals, storyboards, artefacts, artworks etc? Have you established your own timetable in order to carry out this project? Is it realistic? What do you intend to gain or learn by undertaking this project?

– Statistical analysis, data analyst.
– As much as I want really, but the greater the research the more detailed and refined the analysis.
– Depending on how I proceed, I may or may not need a fair amount.
– This question isn’t really answerable as of this moment in time, it will be as original as I make it.
– Practical would include the use of the Adobe Suite.
– Indeterminate as of now, it depends on how the project develops.
– I am in the process of planning a structure for this brief.
– Yes, it is realistic.
– Disciplining myself – keeping to a plan, structuring data accordingly, applying data accordingly in a visual manner. The conclusion of my findings. I will be learning throughout the project, I will probably need to learn new skills and abilities to complete this brief.

Jeremy Wood – My Ghost

February 5, 2014 § Leave a comment

Jeremy Wood’s project called My Ghost consists of maps created from his own GPS location data, collected over 10 years, which is still on going. The maps lines are more defined from the routes that have been more freqently travelled, displaying a sort of highway.

I find Wood’s work very relevant to my data set as I’m working in a very similar manner, hoping to achieve a similar outcome.

My Ghost

My Ghost, London GPS Map 2009
Athens Flights 02

Athens, Greece Flights 2011

Where Am I?

You are currently browsing the Uncategorized category at Leo Patterson.