http://www.callumbutler.co.uk Callum Butler - Portfolio Tue, 08 Nov 2011 05:22:35 +0000 http://www.callumbutler.co.uk en http://callumbutler.co.uk/Colours-of-Leazes-Park http://callumbutler.co.uk/following/callumbutler.co.uk/Colours-of-Leazes-Park Tue, 08 Nov 2011 05:22:35 +0000 Callum Butler - Portfolio 2271212 This project is a Data Visualisation project which I carried out during the 2nd semester of my 2nd year at University. The task was to pick an area of Newcastle Upon Tyne, and pick a certain aspect of data from that area to display in some sort of visual format. I worked on this task with a fellow student Liam Owen. We decided to display the colours of the leaves within an area of Leazes Park. We firstly gathered as many different leaves as possible, then came up with the idea of printing the images of the leaves digitally onto Lanterns. This meant we could print and assemble the lanterns within Leazes Park, therefore displaying the data within the actual park area. <img src="http://payload.cargocollective.com/1/3/120320/2271212/leazes1_1000.jpg" width="750" height="563" width_o="750" height_o="563" src_o="http://payload.cargocollective.com/1/3/120320/2271212/leazes1_o.jpg" data-mid="11387332" caption="Lanterns on display in Leazes Park" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2271212/leazes2_1000.jpg" width="750" height="563" width_o="750" height_o="563" src_o="http://payload.cargocollective.com/1/3/120320/2271212/leazes2_o.jpg" data-mid="11387340" caption="Lanterns on display in Leazes Park" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2271212/net1_1000.jpg" width="750" height="531" width_o="750" height_o="531" src_o="http://payload.cargocollective.com/1/3/120320/2271212/net1_o.jpg" data-mid="11387573" caption="Lantern Net" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2271212/net2_1000.jpg" width="750" height="531" width_o="750" height_o="531" src_o="http://payload.cargocollective.com/1/3/120320/2271212/net2_o.jpg" data-mid="11387574" caption="Lantern Net" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2271212/net3_1000.jpg" width="750" height="531" width_o="750" height_o="531" src_o="http://payload.cargocollective.com/1/3/120320/2271212/net3_o.jpg" data-mid="11387578" caption="Lantern Net" border="0" align="left"/> This project is a Data Visualisation project which I carried out during the 2nd semester of my 2nd year at University. The task was to pick an area of Newcastle... http://callumbutler.co.uk/Callum-Butler-Business-Cards http://callumbutler.co.uk/following/callumbutler.co.uk/Callum-Butler-Business-Cards Thu, 03 Nov 2011 09:03:14 +0000 Callum Butler - Portfolio 2247152 This project is a nice and simple Graphic Design based project, in which I created my own business cards for print. The first process I started with was how could I make my business card stand out from the rest, without over complicating the design or distracting people from the content. I therefore settled on a neon-blue for the front, which I think looks really effective, yet is not at all complicated. This allows my logo I created in Illustrator to sit nicely in the middle and also stand out in contrast to the main blue. The informative side of the business card I decided to leave blank, with a simple light grey shade of text with all the relevant information a business card should have. The really good thing about my logo I created as well, is that I can easily change the colour of it to suit any future needs. You will also notice I've used the same logo in grey on this site! <img src="http://payload.cargocollective.com/1/3/120320/2247152/biz cards.jpg" width="486" height="363" width_o="486" height_o="363" src_o="http://payload.cargocollective.com/1/3/120320/2247152/biz cards_o.jpg" data-mid="11248310" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2247152/biz card front_1000.png" width="704" height="456" width_o="704" height_o="456" src_o="http://payload.cargocollective.com/1/3/120320/2247152/biz card front_o.png" data-mid="11248364" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/2247152/biz card back_1000.png" width="704" height="458" width_o="704" height_o="458" src_o="http://payload.cargocollective.com/1/3/120320/2247152/biz card back_o.png" data-mid="11248372" border="0" align="left"/> This project is a nice and simple Graphic Design based project, in which I created my own business cards for print. The first process I started with was how could... http://callumbutler.co.uk/Nufc-com-Front-end-Re-design http://callumbutler.co.uk/following/callumbutler.co.uk/Nufc-com-Front-end-Re-design Mon, 10 Oct 2011 09:39:20 +0000 Callum Butler - Portfolio 2126407 This project is a personal project I carried out from mid-September - early October 2011. Nufc.com is an alternative website used by many fans of Newcastle United. The site itself is ran by two Nufc fans who offer an alternative and some what more personal take on the happenings at Newcastle United, which is why this site has became so popular since it's creation. The one thing I noticed about the current site, is the general design and functionality seems to be a little dated in terms of its content management, how the information is managed, and the general User Experience. I therefore set myself the task of carrying out a Front-end Re-design of the site, by organising and condensing the content into a more manageable, sleeker and professional looking site. My design uses all of the same content as the old site, and even caters for advert space/sponsors, however this is an example of how the information/site could look as oppose to the current site. I feel it is now much improved. Here is a link to the current site so you can compare here <img src="http://payload.cargocollective.com/1/3/120320/2126407/nufcsite_version2_900_1000.png" width="900" height="675" width_o="900" height_o="675" src_o="http://payload.cargocollective.com/1/3/120320/2126407/nufcsite_version2_900_o.png" data-mid="10609541" border="0" align="left"/> This project is a personal project I carried out from mid-September - early October 2011. Nufc.com is an alternative website used by many fans of Newcastle United.... http://callumbutler.co.uk/Mini-Martians-Arcade-Game http://callumbutler.co.uk/following/callumbutler.co.uk/Mini-Martians-Arcade-Game Sun, 26 Jun 2011 16:50:12 +0000 Callum Butler - Portfolio 1647099 This project is a project I completed in the 1st semester of my second year at Northumbria University. The project was carried out for a Games Design Brief, in which we had to design 1 level of our own game in any kind of format we wished. I decided to create a Flash Arcade game called Mini Martians. The game is a simple Flash Arcade shooter, in which the user has to control their spaceship and shoot down the enemy spaceships before they attack the martians base. Once the user has destroyed all of the enemies, the game progresses to the next level. The levels gradually become harder as the game progresses. The game was created using Actionscript 2.0 in Flash, and was the very first project I created using Flash. The game is aimed at children, which is why I tried to design it with cartoon-style visuals. Here is a link to the Playable Demo file in DropBox: http://dl.dropbox.com/u/32278751/MiniMartians_MarsDefender_callum_final.swf <img src="http://payload.cargocollective.com/1/3/120320/1647099/mini martians.jpg" width="670" height="502" width_o="700" height_o="525" src_o="http://payload.cargocollective.com/1/3/120320/1647099/mini martians_o.jpg" data-mid="8081705" caption="Game Level" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1647099/characters.jpg" width="670" height="502" width_o="700" height_o="525" src_o="http://payload.cargocollective.com/1/3/120320/1647099/characters_o.jpg" data-mid="8084169" caption="2D Game Characters" border="0" align="left"/> This project is a project I completed in the 1st semester of my second year at Northumbria University. The project was carried out for a Games Design Brief, in... http://callumbutler.co.uk/Freshly-Squeezed-Website http://callumbutler.co.uk/following/callumbutler.co.uk/Freshly-Squeezed-Website Thu, 23 Jun 2011 07:59:17 +0000 Callum Butler - Portfolio 1634346 This is a project that I completed in my 2nd year on the Interactive Media Design course at Northumbria University. The project was carried out for an Innovation & Collaboration module. In this case the project was carried out for the University. For this task, I worked in a group with 4 of my fellow students on the course. The project involved creating a Design Inspiration Website for The School of Design at Northumbria University. The Design School incorporates a number of courses, ranging from Interactive Media Design, Fashion Design and many more. The website would therefore be used as a tool for design inspiration from past and present students projects and work. Freshly Squeezed is the Brand name that we settled on as a group for our Website concept. The site works by the user simply searching for the kind of inspiration they want e.g. Fashion Design, which then means that the site will automatically bring up a number of sub-categories or direct results relating to the search. The search method works by using a simple Tagging system, in which users who upload their work apply Tags to their projects. For example, if a user applies a Tag such as "Retro Fashion" to their project, this will allow the search engine to find this project and display it in the search results if somebody uses those two key words in a search. <img src="http://payload.cargocollective.com/1/3/120320/1634346/landing page.jpg" width="670" height="502" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/3/120320/1634346/landing page_o.jpg" data-mid="8025955" caption="Homepage" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1634346/3.jpg" width="670" height="502" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/3/120320/1634346/3_o.jpg" data-mid="8026813" caption="Initial Search Results" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1634346/4.jpg" width="670" height="502" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/3/120320/1634346/4_o.jpg" data-mid="8026820" caption="Further Search Results" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1634346/5.jpg" width="670" height="502" width_o="1600" height_o="1200" src_o="http://payload.cargocollective.com/1/3/120320/1634346/5_o.jpg" data-mid="8026825" caption="Further Search Results 2" border="0" align="left"/> This is a project that I completed in my 2nd year on the Interactive Media Design course at Northumbria University. The project was carried out for an Innovation &... http://callumbutler.co.uk/Nu-threds-Fashion-Notification-App http://callumbutler.co.uk/following/callumbutler.co.uk/Nu-threds-Fashion-Notification-App Thu, 09 Jun 2011 16:27:58 +0000 Callum Butler - Portfolio 1570285 This project is what I created as my Final Project at Northumbria University. The concept is a Fashion Notification App for Iphone, which I have named "nu-threds". I gave it the name as a play on the theme of having new threads, as in New Clothes. The idea behind this project is to allow the user to gain specific on the go notifications directly to their Iphone of their most sought after Fashion items, with the App essentially eradicating the need to constantly check up on various online shops for new items coming into stock that you may like. The App also provides the user with Style-updates, and has an intelligent suggestion feature which provides fashion suggestions relevant to the user. I decided to keep the design and general styling nice and sleek, so that the user can use the iPhone capabilities such as gestures and 1 touch navigation to best effect. I also didn't want to over complicate the screens and general use of the App, as often the best Apps are those that the user can use quickly and with little fuss. <img src="http://payload.cargocollective.com/1/3/120320/1570285/Screens.png" width="670" height="478" width_o="700" height_o="500" src_o="http://payload.cargocollective.com/1/3/120320/1570285/Screens_o.png" data-mid="7844349" caption="Selection of the Main Screens" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1570285/NuthredsSite_HomeFinal.png" width="670" height="502" width_o="700" height_o="525" src_o="http://payload.cargocollective.com/1/3/120320/1570285/NuthredsSite_HomeFinal_o.png" data-mid="7844438" caption="Website Hub of nu-threds App" border="0" align="left"/> This project is what I created as my Final Project at Northumbria University. The concept is a Fashion Notification App for Iphone, which I have named "nu-threds".... http://callumbutler.co.uk/Taschen-Digital-Magazine http://callumbutler.co.uk/following/callumbutler.co.uk/Taschen-Digital-Magazine Thu, 09 Jun 2011 16:27:56 +0000 Callum Butler - Portfolio 1570284 This project is a project I completed in my final semester at Northumbria University. The project was carried out to meet a D&AD award brief, which in this case was sponsored by Taschen, who are an Art Book publisher. The project involved creating a Digital Tablet version of the Taschen Magazine. Taschen Magazine is a printed magazine which Taschen distribute as a first "port of call" between them and the Target Audience. It contains a massive amount of content, such as Articles, Interviews, a Main Cover Feature and acts as a brochure of new Titles Taschen has for sale. This task required careful thought between what Taschen wanted/needed, and what would be suitable for the Taschen Target Audience. Therefore I decided to create something that was condensed, yet offered the user everything the magazine does, with the added interactive features capable with the iPad. <img src="http://payload.cargocollective.com/1/3/120320/1570284/HomePage.png" width="670" height="471" width_o="1126" height_o="792" src_o="http://payload.cargocollective.com/1/3/120320/1570284/HomePage_o.png" data-mid="7972903" caption="Homepage" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1570284/monthlyFeature.png" width="670" height="471" width_o="1126" height_o="792" src_o="http://payload.cargocollective.com/1/3/120320/1570284/monthlyFeature_o.png" data-mid="7972909" caption="Cover Feature" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1570284/Titles.png" width="670" height="471" width_o="1126" height_o="792" src_o="http://payload.cargocollective.com/1/3/120320/1570284/Titles_o.png" data-mid="7972921" caption="New Titles" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/120320/1570284/Gallery.png" width="670" height="471" width_o="1126" height_o="792" src_o="http://payload.cargocollective.com/1/3/120320/1570284/Gallery_o.png" data-mid="7972941" caption="Gallery" border="0" align="left"/> This project is a project I completed in my final semester at Northumbria University. The project was carried out to meet a D&AD award brief, which in this case...