RYATHO | University Website
  • Year 1
    • Introducing Visual Communication >
      • The Comic
      • Technical Skills
      • Drawing & Visualising
      • Colour, Composition & Narrative
      • IT Sessions
      • Workshops
    • Multi-Dimensional Graphic Design >
      • 2D
      • 3D
      • 4D
      • Set Exercise
      • Workshops
    • Other >
      • West Walls Brew Co
  • Year 2
    • The Designer's Toolkit >
      • Alignment & Hierarchy
      • Contrast & Negative Space
      • Balance & Colour
      • Hotfoot
    • Type & Typography >
      • Hierarchy & Layout
      • Magazine Layout Design
      • Responsive Digital Typography
    • Graphic Design Projects >
      • D&AD: Yahoo!
      • Museum Brand Identity
      • Information is Beautiful
      • West Walls Anniversary
    • The Critical Designer >
      • Research Blog
    • Other >
      • Uptown Gallery
  • Year 3
    • Independent Research Paper >
      • Research Blog
  • Ryatho.co.uk
  • Year 1
    • Introducing Visual Communication >
      • The Comic
      • Technical Skills
      • Drawing & Visualising
      • Colour, Composition & Narrative
      • IT Sessions
      • Workshops
    • Multi-Dimensional Graphic Design >
      • 2D
      • 3D
      • 4D
      • Set Exercise
      • Workshops
    • Other >
      • West Walls Brew Co
  • Year 2
    • The Designer's Toolkit >
      • Alignment & Hierarchy
      • Contrast & Negative Space
      • Balance & Colour
      • Hotfoot
    • Type & Typography >
      • Hierarchy & Layout
      • Magazine Layout Design
      • Responsive Digital Typography
    • Graphic Design Projects >
      • D&AD: Yahoo!
      • Museum Brand Identity
      • Information is Beautiful
      • West Walls Anniversary
    • The Critical Designer >
      • Research Blog
    • Other >
      • Uptown Gallery
  • Year 3
    • Independent Research Paper >
      • Research Blog
  • Ryatho.co.uk
 

Museum Brand Identity
​
​​​Graphic design projects

​Project Brief

Create a new brand which is contemporary, appealing and would communicate with a wider audience, increasing footfall through the museum. Choose from the following:
​
  •  Kirkaldy Testing Museum
    A collection of machines designed to break things for science
    www.testingworks.org.uk


  • National Gas Museum
    www.nationalgasmuseum.org.uk


  • Museum of Crime
    www.crimemuseum.org


  • National Museum of Computing
    www.tnmoc.org


  • Museum of Classic Sci-Fi
    www.museumofclassicsci-fi.com
    ​
  • The Camera Museum
    www.cameramuseum.uk


  • The Hovercraft Museum
    www.hovercraft-museum.org

Chosen museum: National Museum of Computing

Jump to final outcome

Take me there

Research

From the Library
Big Brand Theory, Gingko Press (2011)
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Branding in Five and a Half Steps, Michael Johnson (2016)
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Dos Logos, Roland Müller (2004)
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Logo: The reference guide to symbols and logotype, Michael Evamy (
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Art Galleries & Museums
The Metropolitan Museum of Art, London, UK
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
MO.CO. (Montpellier Contemporain), Marseille, France
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Musée D'Orsay, Paris, France
Picture
Picture
Picture
Picture
Picture
M+, Hongkong, China
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Nexon Computer Museum, Jeju City, South Korea
https://computermuseum.nexon.com/
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Art Gallery of NSW, Sydney, Australia 
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
The Design Museum, London, UK
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Brief Museum: National Museum of Computing
The exterior (caravan campsite social-club-esque look)
Picture
Interior + the tech on display
The website
Picture
Picture
Picture
Picture
Social Media
View this post on Instagram

A post shared by National Museum Of Computing (@tnmoc)

View this post on Instagram

A post shared by National Museum Of Computing (@tnmoc)

View this post on Instagram

A post shared by National Museum Of Computing (@tnmoc)

Related Imagery

Trip to Tulie Museum
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture

Logo design

Initial Ideas
Picture
Picture
Digitised Logos
Developing Logos
Idea 1: Command Line 
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Idea 2: NMC Dots
Picture
Picture
Picture
Idea 3: Microprocessor
Picture
Picture
Picture
Picture
Picture
Picture
Idea 4
Picture
Picture
Picture
Idea 5: Coding
Picture
Picture
Picture
Idea 6: Transistor/Capacitor
Picture
Picture
Idea 8: Enter Key
Picture
Picture
Picture
Idea 9: Bits/Data
Picture
Picture
Picture
Idea 11: Angle Brackets
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Idea 16: Switches
Picture
Picture
Picture
Full development board:
Picture

Logo Development

Logo A: Command Prompt
Picture
Picture
Colour
Terminal Colours
Picture
Picture
BSOD (Windows) colour scheme
Picture
Picture
HTML colour coding
Picture
Picture
Picture
Picture
Picture
Playing with styles
Monitor scan lines
Picture
Picture
Picture
Recreating CRT shadow mask/aperture grill 
Picture
Picture
Picture
Picture
The CRT Aperture Grille look works well, will look to work this into other areas (brand development or even merchandise)
2.5d 8bit style
Picture
Picture
Logo with text tests
Picture
IBM Plex Mono
Picture
Modern DOS
Picture
Courier New
Picture
Gamay
Picture
Interstate Mono
Picture
Avenir Next
Picture
Roboto Mono
Picture
Rooney Sans
Picture
VCR OSD Mono
Picture
Source Code Pro
Picture
Figtree
Picture
Input Serif
Picture
Out of them all, Modern DOS looks the most befitting, but it still seems a bit off. Will explore to see if there's any other options that could work.

Wider Branding

Typeface
After looking at typefaces above, decided it would be better to create a typeface instead of using existing versions. Its hard to get the right pixel size to match the logo, and I think this is what I want across everything, consistent weighting and style
Already designed one letter (C), so this is a starting point. Monospaced type tends to have equal kerning and same letter sizes, so it should be easier to do vs. modern type
Picture
Typeface tests
Picture
Picture
Picture
Out of the above, the first is probably the most befitting, however I think the second test looks better with a bit of chunky. The 3rd doesn't match the C in the main logo...
Letters
Numbers
Punctuation 
Picture
Full typeface
Picture
Picture
Picture
Scaling (Full, 1/2, 1/4, 1/8)
Picture
Logo and type
Picture
Picture
Testing type with signage mockup
Picture
Alterations
Picture

Alterations
Buildings
Picture
Picture
Banners
Picture
Wayfinding
Male/Female computer connectors

Merchandise

Classic iconography
Clothing
Socks
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Stationary
Mugs
Renders
Picture
Picture
Picture
Picture
Picture
Picture
Pens
Renders
Picture
Picture

Animation & Visuals

Blinking terminal cursor
Using the aperture grille look from earlier on in development, wanted to see what it would look like to make the terminal cursor blink
Before going full hog with after effects, I wanted to see what photoshop could do with the most basic of GIF creation:
Picture
Output:
Picture
The outcome is ok, however I think the cursor seems a bit stuttery; it doesn't mimic how traditional terminal cursors "blink"... In the random YouTube video below, it shows (first 10 seconds) that the windows terminal cursor is instant on/off, with slight delays between changing.

Website Development

 

Final outcome

Logo
Picture
Picture
Picture
Picture
Typeface
Picture
Branding
Picture
Picture
Picture
Picture
Picture
Tickets
Picture
Online
Website
Picture
Picture
Picture
Picture
Merchandise
T-shirts 
Picture
Picture
Socks
Picture
Picture
Picture
Picture
Mug
Picture
Picture
Picture
Picture
Picture
Pens
Picture
Notebooks
Picture
Picture
Presentation
Back to top
Site powered by Weebly. Managed by 34SP.com