http://portfolio.manofscience.co.uk Henry Hadlow — Graphic Design Tue, 22 Nov 2011 13:44:10 +0000 http://portfolio.manofscience.co.uk en http://portfolio.manofscience.co.uk/Levemir-Collection http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/Levemir-Collection Tue, 22 Nov 2011 13:44:10 +0000 Henry Hadlow — Graphic Design 2344161 Levemir Collection – iPad appJune 2011 / UX Design— The Partners have been working with Novo Nordisk on Levemir, a modern insulin. Levemir staffers worldwide were finding it tricky to keep on top of the enormous amount of material relevant available: scientific studies, scientific literature reviews, position statements, promotional documents and video. — My solution, an iPad app (with some considered information architecture) led to The Partners being tasked with a total overhaul of the complete Levemir materials across platforms. — I was initially briefed to create a portable guide to everything Levemir. My solution was an iPad app, since it automatically keeps in sync with the constantly updating content base. Additionally, users can send materials by email from right within the app, bookmark content they use often and play video content right within the app. — <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection2.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection2_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection3.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection3_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection4.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection4_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection5.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection5_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection7.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection7_o.jpg" align="left" /> <img src="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection8.jpg" border="0" width="670" height="670" width_o="1024" height_o="1024" src_o="http://payload2.cargocollective.com/1/0/2074/2344161/Levemir-collection8_o.jpg" align="left" /> — http://portfolio.manofscience.co.uk/CSM-BA-Graphics-Show-Website http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/CSM-BA-Graphics-Show-Website Fri, 01 Apr 2011 17:57:28 +0000 Henry Hadlow — Graphic Design 456003 Website: Central Saint Martins BA Graphic Design Degree Show 2010June 2010 / Web 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://payload.cargocollective.com/1/0/2074/456003/Henry Hadlow - CSM Graphic Design Show Website - 1.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/456003/Henry Hadlow - CSM Graphic Design Show Website - 1_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/GO-RED http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/GO-RED Mon, 28 Feb 2011 00:18:41 +0000 Henry Hadlow — Graphic Design 1111122 GO RED!January 2011 / Web Design / Product Design— The Partners have been working with Richard House Children's Hospice on their annual fundraiser GO RED. We've asked over a hundred professional illustrators to play a giant game of consequences, then created a website where you can mix and match their illustrations to create your own combination, which you can buy, as long as nobody else has beaten you to it – each print is completely unique! If you choose to buy a print, the money goes to help the kids at Richard House, London's first childrens' hospice. — Cannes Design Lions 2011 – Gold Creative Review Annual 2011 – Best in Book Art Director’s Club 2011 – Bronze D&AD Annual 2011 – In Book — www.goinggoinggone-red.org – please visit and buy a print! — <img src="http://payload.cargocollective.com/1/0/2074/1111122/go-red-4.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1111122/go-red-4_o.jpg" align="left" /> — — <img src="http://payload.cargocollective.com/1/0/2074/1111122/go-red-3.jpg" border="0" width="670" height="443" width_o="1024" height_o="678" src_o="http://payload.cargocollective.com/1/0/2074/1111122/go-red-3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/1111122/go-red-9.jpg" border="0" width="670" height="442" width_o="1024" height_o="677" src_o="http://payload.cargocollective.com/1/0/2074/1111122/go-red-9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/1111122/go-red-6.jpg" border="0" width="670" height="443" width_o="1024" height_o="678" src_o="http://payload.cargocollective.com/1/0/2074/1111122/go-red-6_o.jpg" align="left" /> — In collaboration with Michael Paisley, Sam Griffiths, Tim Brown & Sean Rees. — http://portfolio.manofscience.co.uk/iPlayer-Ideas http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/iPlayer-Ideas Sun, 27 Feb 2011 22:17:42 +0000 Henry Hadlow — Graphic Design 1110729 iPlayer IdeasJune 2010 / Web Design / Product Design— The BBC's iPlayer is a fantastic site with an amazing depth of content, and poses great design and UI challenges. Here's an alternative vision of how it could work. — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-iMac.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-iMac_o.jpg" align="left" /> — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-menu.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-menu_o.jpg" align="left" /> The redesigned iPlayer is split into four. Browse suggests programmes, both editor suggestions and automatic recommendations. Find helps you find a specific show. Surf is a new feature - channel surfing for the iPlayer. It's a bit like Google's I'm Feeling Lucky crossed with a browser history. Live lets you watch live, with a programme guide for what's on now and next. — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-1.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-1_o.jpg" align="left" /> The browse section also appears directly on the homepage. When Browsing, the programmes appear in a ‘feed’ of both radio & TV content, indicated by the icons on the top left of each programme. The feed is separated into BBC editors' picks and personalised recommendations. You can filter the feed in main navigation, to see just TV, for example. You can also filter by category (e.g. ‘Comedy’). Favourite programmes are shown in the right-hand column. These show the most recent episode in the series, and can be expanded to see all episodes that are available. — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-2.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-2_o.jpg" align="left" /> You can click the icon in the top right of a column to expand it. — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-3.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-3_o.jpg" align="left" /> Moving the mouse over a show reveals the full description and supplementary information in a drop-down, avoiding the need to load the programme just to read the description. — <img src="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-4.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/1110729/iPlayer-screen-4_o.jpg" align="left" /> Finding a specific show on iPlayer now has its own section. You can search in natural language – for example 'show about boxing on bbc four on wed' or 'shows with Lauren Laverne' will give sensible results. This is achieved by parsing the query for titles, keywords, subject matter, presenters, actors and references to time or channel of broadcast. If you prefer, full schedules are included and expandable via the icon top-right. — Ratings & Recommendations Ratings are created using an improved system, which unobtrusively collects much more nuanced information than the current star system. If you choose to rate a programme, you are presented with a set of adjectives, from which you can choose up to three, one per group. The adjectives all refer to specific aspects of the programme which you can essentially rate as bad, good or very good. Laughs: Funny / Hilarious / Not funny Facts: Informative / Fascinating / Lightweight Plot: Clever / Ingenious / Simplistic Script: Engaging / Gripping / Dull Visuals: Nice / Stunning / Bland Music: Nice / Excellent / Dull Explanations: Clear / Very clear / Confusing Content: Surprising / Shocking / Predictable According to their viewing habits and ratings, users are matched for recommendations with their ‘neighbours’. The current practice of gathering recommendations through friends, although it probably produces passable results most of the time, still relies on the assumption that your friends share your taste. Instead, my suggested rating system pairs you with others who like (almost) all the same things as you, then recommends to you the programmes that they’ve rated highly, that you’ve not yet watched or listened to. You can still make recommendations to friends, simply using the standard Facebook/Digg/Reddit icons. — http://portfolio.manofscience.co.uk/Bach-Choir-Christmas-Card http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/Bach-Choir-Christmas-Card Sun, 27 Feb 2011 18:28:18 +0000 Henry Hadlow — Graphic Design 1109890 Christmas Card for The Bach ChoirDecember 2010 / Illustration / Typography— I designed a Christmas card for the choir I sing with, The Bach Choir. Printed by the Aldgate Press with gold foil by Benwells on a warm white card, in a run of 5000. — <img src="http://payload.cargocollective.com/1/0/2074/1109890/BachChoirCard2010-1.jpg" border="0" width="670" height="446" width_o="1024" height_o="683" src_o="http://payload.cargocollective.com/1/0/2074/1109890/BachChoirCard2010-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/1109890/BachChoirCard2010-2.jpg" border="0" width="670" height="446" width_o="1024" height_o="683" src_o="http://payload.cargocollective.com/1/0/2074/1109890/BachChoirCard2010-2_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/Be-Part-of-the-Show http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/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. — <img src="http://payload.cargocollective.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 1.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 2.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455907/Henry Hadlow - CSM Graphic Design Show Sponsorship Pack - 2_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/The-Golden-Cockerel http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/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. — <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 1.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 2.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 3.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 4.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 5.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 6.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 7.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 8.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 8_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 9.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 10.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 10_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 11.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 11_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 12.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 12_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 13.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 13_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 14.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 14_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 15.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 15_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 16.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 16_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 17.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 17_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 18.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 18_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 19.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 19_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 20.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 20_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 21.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 21_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 22.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 22_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 23.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 23_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 24.jpg" border="0" width="670" height="573" width_o="1024" height_o="876" src_o="http://payload.cargocollective.com/1/0/2074/455955/Henry Hadlow - The Golden Cockerel - 24_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/Dictionary-today http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/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 — <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-5.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-6.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-2.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-1.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-3.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-4.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 1-4_o.jpg" align="left" /> — <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-1.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-2.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-3.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-5.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-6.jpg" border="0" width="670" height="502" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/0/2074/455942/Henry Hadlow - Dictionary - 2-6_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/Understanding-data http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/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. — <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 1.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 3.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 2.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 4.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 5.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 7.jpg" border="0" width="670" height="402" width_o="1024" height_o="615" src_o="http://payload.cargocollective.com/1/0/2074/455890/Henry Hadlow - Understanding Data - 7_o.jpg" align="left" /> http://portfolio.manofscience.co.uk/Lollipop-Bakery http://portfolio.manofscience.co.uk/following/portfolio.manofscience.co.uk/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. — <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Logo.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Logo_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Pattern.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Pattern_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 1.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 2.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 3.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 4.jpg" border="0" width="670" height="399" width_o="1024" height_o="610" src_o="http://payload.cargocollective.com/1/0/2074/453259/Henry Hadlow - Lollipop Bakery - Website 4_o.jpg" 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.