Henry Hadlow — Graphic Design

Henry Hadlow — Graphic Design http://portfolio.manofscience.co.uk Henry Hadlow — Graphic Design Thu, 10 Jun 2010 01:50:36 +0000 http://portfolio.manofscience.co.uk en CSM BA Graphics Show Website http://portfolio.manofscience.co.uk/456003/CSM-BA-Graphics-Show-Website http://portfolio.manofscience.co.uk/456003/CSM-BA-Graphics-Show-Website Thu, 10 Jun 2010 01:50:36 +0000 Henry Hadlow — Graphic Design 456003 Website: Central Saint Martins BA Graphic Design Degree Show 2010June 2010 / Web Design / User Interface Design— I designed and built the site for this year's BA Graphic Design Degree Show. The site is a completely custom-built online catalogue of the work of the 176 students exhibiting, with a custom CMS in PHP & MySQL. 2010.csmgraphicdesign.com — <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/456003/Henry Hadlow - CSM Graphic Design Show Website - 1.jpg" border="0" width="670" height="402" align="left" /> http://portfolio.manofscience.co.uk/456003/CSM-BA-Graphics-Show-Website Be Part of the Show http://portfolio.manofscience.co.uk/455907/Be-Part-of-the-Show http://portfolio.manofscience.co.uk/455907/Be-Part-of-the-Show Thu, 10 Jun 2010 01:22:14 +0000 Henry Hadlow — Graphic Design 455907 Be Part of the ShowMarch 2010 / Illustration— I designed and illustrated a pack to attract sponsorship for the Central Saint Martins BA Graphic Design Degree Show 2010. — Previous / Next image (1 of 2)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 1.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 2.jpg" border="0" width="670" height="502" align="left" /> http://portfolio.manofscience.co.uk/455907/Be-Part-of-the-Show The Golden Cockerel http://portfolio.manofscience.co.uk/455955/The-Golden-Cockerel http://portfolio.manofscience.co.uk/455955/The-Golden-Cockerel Thu, 10 Jun 2010 01:18:47 +0000 Henry Hadlow — Graphic Design 455955 The Golden CockerelApril 2010 / Illustration / Typography / Book— As a child I loved gruesome stories, and hated the moralising endings most children's authors seem to love. So when I discovered Pushkin's Tale of the Golden Cockerel, I was enchanted, and knew at once that I would illustrate it one day. The illustrations reference the formal conventions of Indian miniature paintings and the symmetry of Russian nesting dolls. There is also broader symmetry of composition over many pages, accentuated by a novel format which can be both a poster-frieze and a book. Photographs of the print edition to be uploaded soon. — Previous / Next image (1 of 24)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 1.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 2.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 3.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 4.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 5.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 6.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 7.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 8.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 9.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 10.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 11.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 12.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 13.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 14.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 15.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 16.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 17.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 18.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 19.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 20.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 21.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 22.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 23.jpg" border="0" width="670" height="573" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 24.jpg" border="0" width="670" height="573" align="left" /> http://portfolio.manofscience.co.uk/455955/The-Golden-Cockerel Dictionary today http://portfolio.manofscience.co.uk/455942/Dictionary-today http://portfolio.manofscience.co.uk/455942/Dictionary-today Thu, 10 Jun 2010 01:12:39 +0000 Henry Hadlow — Graphic Design 455942 Dictionary TodayJanuary 2010 / Typography / Conceptual— Concept-stage designs for a dictionary. I was asked to consider a dictionary design project and given a very broad remit. I suggested that paper dictionaries were superceded in almost all practical aspects by digital dictionaries, but that it was often fun to flick through a dictionary. So I created a dictionary for browsing, with lots of intricate typographic detail. Definitions are set in one of three type sizes, linked to the frequency with which people look up that word on the Oxford English Dictionary online. Definitions are also set in a typeface or lettering styles contemporary with the time of the word's origin, which required the creation of one custom typeface based on the earliest forms of the Roman alphabet. To allow all this variation, a typographic grid based on the Fibonacci sequence was used to allow many different sized elements to fit together. I prepared two different conceptual mockups, one using the freeform grid and giving it lots of space, and one using a more traditional grid. Each dictionary section is to begin with an opening page which uses a different paper stock to the rest of the dictionary, illustrated with an illuminated letter by a contemporary illustrator. The heavier paper stock allows the reader to find the start of a section quickly by feel. Full development is documented at dictionarytoday.dlow.org — Previous / Next image (1 of 5)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-5.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-6.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-2.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-1.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-3.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-4.jpg" border="0" width="670" height="502" align="left" /> — Previous / Next image (1 of 5)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-1.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-2.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-3.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-5.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-6.jpg" border="0" width="670" height="502" align="left" /> http://portfolio.manofscience.co.uk/455942/Dictionary-today Understanding data http://portfolio.manofscience.co.uk/455890/Understanding-data http://portfolio.manofscience.co.uk/455890/Understanding-data Thu, 10 Jun 2010 00:31:04 +0000 Henry Hadlow — Graphic Design 455890 Understanding DataSeptember 2009 / Web design / Academia— I recently completed a dissertation on data visualisation and its effects on human perception and thought: understandingdata.manofscience.co.uk I also looked at the emergence of the zooming user interface in parallel with the ability to handle data at ever increasing levels of detail. For this reason I decided to present my dissertation within a zooming user interface, typeset in a fractal fashion, with image detail and relevant information at many zoom levels. — Previous / Next image (1 of 6)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 1.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 3.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 2.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 4.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 5.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 7.jpg" border="0" width="670" height="402" align="left" /> http://portfolio.manofscience.co.uk/455890/Understanding-data Lollipop Bakery http://portfolio.manofscience.co.uk/453259/Lollipop-Bakery http://portfolio.manofscience.co.uk/453259/Lollipop-Bakery Thu, 10 Jun 2010 00:07:19 +0000 Henry Hadlow — Graphic Design 453259 Lollipop BakeryMay 2009 / Branding / Packaging / Web design— I was asked to create the complete branding of The Lollipop Bakery, a cupcake bakery to be based in Beijing, including the brand identity, website and packaging, right down to suggesting shapes which could decorate the cakes. The bakery was to retain links with it's London origin, and sell to both expats and Beijing locals. Photography was provided by the fantastic Carlos Lumiere. — Previous / Next image (1 of 6)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Logo.jpg" border="0" width="670" height="399" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Pattern.jpg" border="0" width="670" height="399" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 1.jpg" border="0" width="670" height="399" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 2.jpg" border="0" width="670" height="399" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 3.jpg" border="0" width="670" height="399" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 4.jpg" border="0" width="670" height="399" align="left" /> The branding is primarily visual, intended to cross the language barrier. The logo resembles both a cupcake and a lollipop, and incorporating flower and heart motifs. Elements from the mark can be cut from coloured icing and placed atop the cakes, creating a key to the flavours on offer. The website uses a simple text block over an image which fills the browser window, forming a slide-show featuring the many cake flavours on offer. http://portfolio.manofscience.co.uk/453259/Lollipop-Bakery ofInterest http://portfolio.manofscience.co.uk/453868/ofInterest http://portfolio.manofscience.co.uk/453868/ofInterest Thu, 10 Jun 2010 00:02:36 +0000 Henry Hadlow — Graphic Design 453868 ofInterestNovember 2009 / Web Design, User Interface Design— A concept for a website which helps you keep track of things you'd like to read online – a cross between bookmarking, an RSS reader and a personalised newspaper or magazine. The development of this concept is documented at thebookmachine.dlow.org — An extension for your web browser adds a button which, when clicked, saves the page you're currently on to your ofInterest reading list. The list is displayed with the most recent items first, but can be sorted and filtered using tags. (You can specify your own tags, but to save time the site suggests tags which others commonly used). — Previous / Next image (1 of 2)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453868/Henry Hadlow - ofInterest Website - 1.jpg" border="0" width="670" height="402" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453868/Henry Hadlow - ofInterest Website - 2.jpg" border="0" width="670" height="402" align="left" /> You can then browse the list at your leisure online, or print articles off, automatically formatted in an easy-to-read fashion. — Previous / Next image (1 of 2)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453868/Henry Hadlow - ofInterest print sample 1.jpg" border="0" width="670" height="502" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453868/Henry Hadlow - ofInterest print sample 2.jpg" border="0" width="670" height="502" align="left" /> http://portfolio.manofscience.co.uk/453868/ofInterest Two/Thirds http://portfolio.manofscience.co.uk/453850/Two-Thirds http://portfolio.manofscience.co.uk/453850/Two-Thirds Thu, 10 Jun 2010 00:01:09 +0000 Henry Hadlow — Graphic Design 453850 'Two/Thirds' – Exhibition WebsiteMay 2009 / Web design— I created the website for the exhibition 'Two/Thirds' – Central Saint Martins Graphic Design second years exhibiting at Free Range. The site is a simple image slideshow, beginning with the show poster and then displaying images of students' work, photographed in-situ at the exhibition. The minimal navigation matches the visual identity of the exhibition. — Previous / Next image (1 of 6)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 1.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 1a.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 2.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 3.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 4.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/453850/Henry Hadlow - Two-Thirds exhibition website - 5.jpg" border="0" width="670" height="389" align="left" /> http://portfolio.manofscience.co.uk/453850/Two-Thirds Inventory Studio http://portfolio.manofscience.co.uk/454489/Inventory-Studio http://portfolio.manofscience.co.uk/454489/Inventory-Studio Thu, 10 Jun 2010 00:00:57 +0000 Henry Hadlow — Graphic Design 454489 Inventory Studio – WebsiteMarch 2009 / Web design— I worked with Inventory Studio to create inventorystudio.co.uk, a website showcasing the work of this talented studio. The site uses a side-scrolling layout, similar to looking at books and other printed materials spread out on a tabletop. The navigation menu stays in the same position at all times, allowing you to navigate from any page on the site to any other. — Previous / Next image (1 of 5)<img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/454489/Henry Hadlow - Inventory Studio website - 1.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/454489/Henry Hadlow - Inventory Studio website - 2.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/454489/Henry Hadlow - Inventory Studio website - 3.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/454489/Henry Hadlow - Inventory Studio website - 4.jpg" border="0" width="670" height="389" align="left" /> <img src="http://c0573862.cdn.cloudfiles.rackspacecloud.com/1/0/2074/454489/Henry Hadlow - Inventory Studio website - 5.jpg" border="0" width="670" height="389" align="left" /> http://portfolio.manofscience.co.uk/454489/Inventory-Studio Henry Hadlow http://portfolio.manofscience.co.uk/453024/Henry-Hadlow http://portfolio.manofscience.co.uk/453024/Henry-Hadlow Tue, 08 Jun 2010 16:39:32 +0000 Henry Hadlow — Graphic Design 453024 http://portfolio.manofscience.co.uk/453024/Henry-Hadlow