OUGD603: Brief 4 - The Last Drop // Drop Pin Research

The animated and stack map will all feature drop pins, to show the locations of each of the twelve calling points, the pubs. Trying to sweat the small stuff through this brief, I've decided to look at examples of other designed drop pins. 

A pizza drop pin, combining the theme pizza and the drop pin. Using the crust at the top to tie in the idea of a pizza slice, which has a similar shape to a drop pin. 

The sweat stop drop pin uses a water droplet to create the typical circle which you find inside a drop pin. Overlaying two images to create a themed drop pin and a very simplistic manner. 

Less of a drop pin and more of a location marker. Using an image of what you can find at the location which is being marked, a burger. As much as this works, I think it's quick tacky and would fail to work on a small scale due to the detail in the illustration of the burger. 

The drop pin above us a very simple design, very standard, very uniform. Used on maps which are bare relevance and show important information. The minimal stop pins are designed to not distract from the relevant content, only to show a location, as concisely as possible. 

The beer drop pin, a play on perspective to warp a beer glass into a drop pin works quite well. However, something similar wouldn't really fit the theme which we're after with this project. The illustration is quite cartoon like, less mature, and more playful than the direction of this brief. 

The final drop pin, a compressed looking drop pin with a cloud-looking background works really well. It's minimal and clear as to what it is, using a limited colour palette to avoid distracting from any relevant content on the map. 

OUGD603: Brief 4 - The Last Drop // Additional Logo Research

Looking at additional logos which can be used to inform the design process of The Last Drop logo. 

Monocacy logo, using a really clean simple typeface. Stripped back, using a more condensed font, with a heavier weight and a larger point size for the main heading, and then a smaller weighted font, at a smaller point size for the sub heading to create a sense of hierarchy. 

This brand, Lynlake Brewery, uses it's location in it's logotype. You can see 'MPLS' and 'MINN' either side of the second row of type. Which stand for Minneapolis Minnesota.

Hendrick's gin uses a variety of different point sizes and typefaces in it's logo. It does this to differentiate the information. A heavier larger font, a gothic font in this case, is used for the main information. The brand, Hendrick's and the product, gin. A smaller roman font is used for all the additional information, such as the volume, the brewing location and the establishment date. 

OUGD603: Brief 4 - The Last Drop // Existing Collateral Research

Pictured below is the firth (V) rendition of The Last Drop pub crawl. This is the most recent version, which will be used as the foundation for the new route – which has been curated by myself, informed by experience and advice from pub 'connoisseurs' around York. 

Traditionally, the route must always consist of twelve pubs – always starting at The Three Tuns, which is the old favourite amongst my friends and I – form who the crawl as originally created for. It must also end at The Last Drop, where the crawl get's it's name from. 

In the sixth version – which will be created in this project, there are a few changes to the current route. 

• Added – The Merchant Tavern,
• Removed – Evil Eye,
• Added – The Three Legged Mare,
• Removed – The Golden Lion.

These changes will be reflected on the new route map. 

The logotype is very simple, and I think it needs imagery such as a symbol or icon, which can be used on collateral without any surrounding typography.

OUGD603: Brief 4 - The Last Drop // Brief

I've been working on The Last Drop as a side project since the fourth quarter of 2013. It's a pub crawl based in York. Since it's origin it's been featured and commended on a number of York travel and tourism websites. I've been planning to transform The Last Drop into a brand – sort of. Creating a visual identity and website for the event. Speaking to Adam and Grace, they thought I should probably turn this into a brief for Extended Practice.

So I've written the brief – 

The_Last_Drop_Brief_01.pdf by antjtw

OUGD603: Brief 9 - Coffee Culture II // Website Further Research

I've looked at the website for Caffe Cimo – a french coffee brewing company.

Offering a modern and responsive layout, which adapts the content to fit the size of the screen, Caffe Cimo also use full width images, which add a great deal of personality to the page. Warm images, with the main focus being the coffee and the model – who is enjoying the coffee, as you can see from the smile on her far. This adds an inviting tone to the page. 

A nice little detail added (you'll have to visit the website to see it, link above) is steam rising out of the coffee mug in the centre of the page. Adding some dynamic to an otherwise static page. The steam also adds to the arm inviting aspect of the page.

A set of line iconography has been used to illustration the different subsections of the page. Which runs consistently throughout the website.

As part of the responsive nature of the website, the navigation collapses when the screen gets below a certain width – for mobile devices, to save space.

How the navigation looks on a large screen, and at full width. 

The navigation on a smaller screen, collapsed into a hamburger menu, which then expands to show the full navigation when needed. 

I've also looked at the website for The Monocle Café in London. 

The website works as a one page scroller system, having all of the content on one page – also using parallax imagery to add a dynamic to the page, a flowing motion and a sense of layers and depth. 

You can see the parallax in action in the screenshot above, the content, the menu, scrolls up and overs the image, whilst it remains static on the background. 

The content for the menu is very image dominated, allowing the photography to speak for the products – the price coming as a conditional after thought. 

Something I haven't seen before is a dynamic horizontal scrolling mechanic. When the page reaches this stage vertically, it then engages a horizontal scroll – displaying images of the cafe. 

The images above display the horizontal scrolling. This is an interesting dynamic which isn't often used. It adds an extra dimension to the website. As the website consists of one vertical page, the horizontal dynamic breaks up the page. 

OUGD603: Brief 15 - YCN Yorkshire Tea // Labelling Development 02

As we were moving an a different direction from railway signage. We went back to the banners and tried to expand on them – creating something which can hold multiple forms of information, in one. The tea type, the tagline and the quantity. 

I tried making a content box, with a banner wrapped around it. Using the banner as an inter sector, to divide the content box into two, whilst also making an area of content in itself. Which was perfect to house all three copy elements that we were after. 

Adam hates rounded edges – he suggested we reduce the amount of rounding on the edges of the boxes, to add an aspects of sharpness to the design. The rounded edges appealed to a much younger audience, more children than adults, so sharpening them helps hit out 18-30 audience range. 

We tried removing the upper section of the original content box, to draw more attention to the 'Let's have a proper brew' tagline. We feel this achieves this. 

Again, reducing the rounded edges for the same reason as above. 

The full range of banners, in all the colours from the Yorkshire Tea brand. With their associated blends stated above the banner, with the exception of the original. 

On a smaller scale, the banners don't really work as effectively, you struggle to read it. Increasing the weight of the font, and the point size ever so slightly solves that problem. 

OUGD603: Brief 15 - YCN Yorkshire Tea // Labeling 01

On the Yorkshire Tea box, we want to develop and improve the existing labelling system used on the current Yorkshire Tea packaging. 

In terms of font and colour, for the labelling. We're using Source Sans Pro, a font I've used countless times in other briefs as for it's readable and legible qualities. Having a broad range of weights and and widths to utilise across the project. It's extremely robust. 

The colours have been sampled from Yorkshire Tea's original range. 

I first experimented with a banner, similar to the one used for the brand 'Brewed Tea'. Sampling the gold from the colours used on the design of the box. Using a warp to create a slight curve, to give it the appearance of being 'draped', as a banner would. 

As it obscured the word 'tea', in the first photo, I moved it up. Where it doesn't obscure any of the type. However, it doesn't fit, it looks quite out of place with it's sharp edges. 

Additional version of the banner, which have been created in all the different versions of the of tea available from Yorkshire Tea. Some variants include a drop shadow, which has been added to help lift the banner from the background, adding a 3D effect – making it stand out against the images. 

Finally, based on the design of old railway signs, which can be found around the NYMR.  Trying to bring some dated design into the design, to help resinate the traditional elements of Yorkshire Tea. However, Adam and I decided against this, as they said 'railways', rather than 'Yorkshire'.