technical portfolio

Brief: NSM Casio Archives

Create an eye-catching cam-paign for the National Science Museum’s archives of Casio calculators, which cover 1965 to the present day.

Above:

3 A2 Print Concepts, English language versions.

I made the decision to do 3 A2 (minimum) sized posters, each depicting a generic modern Casio calculator in various stages of deconstruction (front view, isometric, exploded view.

National Museum of Nature and Science CASIOhttp://www.kahaku.go.jp/english/

Casio Calculators.Over 1 Billion Sold Worldwide.All Models Archived & On Display.

NATIONAL SCIENCE MUSEUM, TOKYO.

CASIO

fx-85WA

SHIFT ALPHA MODE ONREPLAY

TWO WAY POWER

X! nPr Rec(

d/c

A B C D E tan 1 F

MMYXr

cos 1sin 1

BA C

y y n y n 1

INS Mcl SclCLDT

X X n X n 1

Rnd Ran # DRG

X

XX10 e

X y

nCr

ENG

Pol(

RCL

hyp sin cos

log In

STO

( )

M+

X 1

tan

X

X X3 y

2

7 8 9

654

1 2 3

0

+Ans

DEL

EXP

( )

3

AC

ab/c

CASIO R

RATING : SOLAR CELL, BATTERY DC 1.5Vuse BATTERY LR44 X 1

CASIO COMPUTER CO, LTD. TOKYO, JAPANMADE IN CHINA

® National Museum of Nature and Science



National Museum of Nature and Science CASIOhttp://www.kahaku.go.jp/english/ ®

National Museum of Nature and Science



CASIO

fx-85WA

nCr

ENG

Pol(

RCL

hyp sin cos

log In

STO

( )

M+

X 1

tan

X

X X3 y

2

7 8 9

654

1 2 3

0

+Ans

DEL

EXP

( )

3

AC


TWO WAY POWER

X! nPr Rec(

d/c

A B C D E tan 1 F

MMYXr

cos 1sin 1

BA C

y y n y n 1

INS Mcl SclCLDT

X X n X n 1

Rnd Ran # DRG

X

XX10 e

X y

ab/c

CASIOhttp://www.kahaku.go.jp/english/ ®



Above:

3 A2 Print Concepts, Japanese language versions.


National Museum of Nature and Science CASIO

CASIO

fx-85WA


TWO WAY POWER

X! nPr Rec(

d/c

A B C D E tan 1 F

MMYXr

cos 1sin 1

BA C

y y n y n 1

INS Mcl SclCLDT

X X n X n 1

Rnd Ran # DRG

X

XX10 e

X y

nCr

ENG

Pol(

RCL

hyp sin cos

log In

STO

( )

M+

X 1

tan

X

X X3 y

2

7 8 9

654

1 2 3

0

+Ans

DEL

EXP

( )

3

AC

ab/c

CASIO R

RATING : SOLAR CELL, BATTERY DC 1.5Vuse BATTERY LR44 X 1

CASIO COMPUTER CO, LTD. TOKYO, JAPANMADE IN CHINA

®

国立科学博物館.カシオ計算機:世界中に１０億以上を売りました。すべてのモデルは国立科学博物館で保管しているのです。

開設時間：月曜ー木曜までの9:00から5:00（最後の訪問者入場時間：4:30まで）金曜：9:00から 8:00まで（最後の訪問者入場時間：7:30まで）

http://www.kahaku.go.jp/ National Museum of Nature and Science

カシオ計算機:世界中に１０億以上を売りました。すべてのモデルは国立科学博物館で保管しているのです。

国立科学博物館.National Museum of Nature and Science CASIOhttp://www.kahaku.go.jp/ ®



CASIO

fx-85WA

nCr

ENG

Pol(

RCL

hyp sin cos

log In

STO

( )

M+

X 1

tan

X

X X3 y

2

7 8 9

654

1 2 3

0

+Ans

DEL

EXP

( )

3

AC


TWO WAY POWER

X! nPr Rec(

d/c

A B C D E tan 1 F

MMYXr

cos 1sin 1

BA C

y y n y n 1

INS Mcl SclCLDT

X X n X n 1

Rnd Ran # DRG

X

XX10 e

X y

ab/c

CASIO®

国立科学博物館.カシオ計算機:世界中に１０億以上を売りました。すべてのモデルは国立科学博物館で保管しているのです。


http://www.kahaku.go.jp/



Above:

Contexts.

1. Museum Facade (as large entrance drapes).

2. Underground platforms/es-calators (A2 poster).


国立科学博物館.CASIO CASIO

国立科学博物館.

1.

2.


国立科学博物館.National Museum of Nature and Science CASIOhttp://www.kahaku.go.jp/ National Museum of Nature and Science CASIO

7 8 9

654

1 2 3

0

+

国立科学博物館.http://www.kahaku.go.jp/


CASIO

fx-85WA

nCr

ENG

Pol(

RCL

hyp sin cos

log In

STO

( )

M+

X

tan

X

X X

7 8 9

654

1 2 3

0

+Ans

DEL

EXP

( )

AC

r

y y y

eab/c

CASIO

国立科学博物館.http://www.kahaku.go.jp/

Brief: Logotype — PCB

Produce a typeface for a company involved in the manufacture of printed circuit boards (pcb’s). The type would be used across a range of business stationary and related materials.

Above :

Detail of logotype in relation to letter height and line position-ing on the baseline.

I based the logotype closely on the design of the printed circuit boards themselves, utlizing the intricacies appar-ent in the pcb’s as the rules for the structure and design of the typeface.

baseline

median

cap height

ascender height

descender height

x–height



Above :

Complete typeface including additional glyphs.




Above :

B5 format book presenting each character of the typeface for the benefit of the client.


A-Z (& Additional Glyphs).

Typeface derived from the intricacies apparent in the printed circuit board.



Above :

B5 format book presenting each character of the typeface for the benefit of the client.










Brief: ICM/Chip Shop Awards

Set by ICM for the Creative Challenge. Create an entry for the Chip Shop Awards, in any category.

Above, Top:

Print based promotional image(proposal).

Above, Top:

Unused concept - “As good as it’s always been” religious imagery.

The category we went for was ‘A brand you will never get to work for.’ We chose Hovis as our brand, and came up with several concepts based on their past slgoans, including a viral campaign, type-based magazine ads and a controver-sial religious-themed series of promotional ads.

Brief: ICM/Chip Shop Awards

Set by ICM for the Creative Challenge. Create an entry for the Chip Shop Awards, in any category.

Above, Top:

Stills from the production phase of the viral advert.

Above, Bottom:

Stills from the viral advert play-ing off an online video sharing site.

The category we went for was ‘A brand you will never get to work for.’ We chose Hovis as our brand, and came up with several concepts based on their past slgoans, including a viral campaign, type-based magazine ads and a controver-sial religious-themed series of promotional ads.

6.0 R15 G55 C7 A35: H0V1S/V1R8L

75/76120Hz

Brief: Taking It Apart

De-construction of mechanical/electrical devices. Take apart one or more such devices for the purpose of instruction / informative graphical interpre-tations of the data recorded during the de-contruction.

Above, Bottom:

Selected photographs from the de-construction phase of the project.

Please take care in the assembly of the NES

MAX controller.© 1988 Nintendo.

Pat. Pend.Made in Japan.

PALTOSH

IBA9116HB

TC4069UBP

JAPA

N

HDI40

2IBP

153T

HH

I

8 3 3 K

Step. 1Take front casing of controller, turn and place casing so the inside (where cavities for screws etc. are contrained) is facing you.

Step. 2Insert buttons into allotted sections. The flat sections of the buttons should be visible from front of casing.

Cycloid must be placed within the guides inside the casing (i)

Manufacturers’ Guide for the Assembly of Model No. NES-027This guide would be used to assist factory workers in the final assembly of the NES MAX controller. This would form part of the final stages of assem-bly when each of the plastic compo-nents and circuitboards are already formed/soldered and ready to be attached for product packaging and distribution.

Step. 3Place rubber pad (a) so that the circular tips labelled in the diagram match with the circular sections on the casing.

Pad (b) must correspond to circular sections on the Cycloid.

Step. 4Circuitboard must be inserted to allow for the insertion of screws (Step.6)Therefore the points labelled on the circuitboard should not obstruct the screw cavities on the casing.

Circuitboard must be placed as shown on the diagram (with PAL information still visible.)

Step. 5Rear casing slots into front casing. The casings should be attached easily, with the circular points on the rear casing slotting into the circular points in the front casing.

Step. 6Screw rear casing into place, tighten screws til casings feel rigid and tight. Check for any loose screws, and that the buttons on the front are working correctly.

a.

b.

i.

PALTOSH

IBA9116HB

TC4069UBP

JAPA

N

HDI40

2IBP

153T

HH

I

8 3 3 K

Dimensions.

Casing (front and back):L: 133 mmH: 70 mmW: 18 mm

Circuitboard:L: 117 mmH: 60 mmW: 10 mm

Cycloid:L: 38 mmH: 38 mmW: 19 mm

Large Buttons:L: 16 mmH: 15 mmW: 18 mm

Small Buttons:L: 10 mmH: 10 mmW: 10 mm

Button Pad:L: 62 mmH: 35 mmW: 10 mm

Cycloid Pad:L: 31 mmH: 40 mmW: 10 mm

Brief: Taking It Apart

De-construction of mechanical/electrical devices. Take apart one or more such devices for the purpose of instruction / informative graphical interpre-tations of the data recorded during the de-contruction.

Above, Right:

Full / Oversized print of Enthu-siasts Guide. This would be suitable as a full size A2 poster, or would sit comfortably within printed video gaming publica-tions.

Specifications:

A2 (420mm x 594mm)DuotoneTracing Paper 112 gsm

Above, Left:

Full size print of Manufacturers’ Guide. Camera flash is inten-tional, to highlight the specified stock. Intended as a reference for workers in the final stages of assembly of the controller.

Specifications:

A2 (420mm x 594mm)GreyscaleSatin / Semi-Gloss180 gsm

Brief: Europe By Designers

“Europe By Designers” is an international artistic project whose aim is to unveil a mul-titude of images of Europe from the inside and from the outside. Submit an innovative, creative, exciting, personal and experimental work around the theme: “Europe : what does Europe mean to you?”.

Above, Top Row:

From left: mug and t-shirt.

Above, Middle Row:

From left: Badge sets, water bottle.

Above, Bottom:

The complete range.

The work here forms my rep-sonse to the question “what does Europe mean to you?”My answer is a standard design solution: Europe is a consumer product.

The result was I created a range of products under the “Europe ©” logo.

Above, Top:

1” button badge collection, front.

Above, Bottom:

1” button badge collection, back.


“Europe By Designers” is an international artistic project whose aim is to unveil a mul-titude of images of Europe from the inside and from the outside. Submit an innovative, creative, exciting, personal and experimental work around the theme: “Europe : what does Europe mean to you?”.

The work here forms my rep-sonse to the question “what does Europe mean to you?”My answer is a standard design solution: Europe is a consumer product.

The result was I created a range of products under the “Europe ©” logo.


“Europe By Designers” is an international artistic project whose aim is to unveil a multi-tude of images of Europe from the inside and from the outside. Submit an innovative, creative, exciting, personal and experi-mental work around the theme: “Europe : what does Europe mean to you?”.

Above, Top Left:

Fold-out infographic.

Above, Top Right:

Distance & Music graphic.

Above, Bottom Left:A2 print onto tracing paper - a diagram to represent my knowl-edge and confusion through numbered circles of various sizes and overlaps.

Abandoned Concept:

The work here is from my intial and later abandoned concept for the brief. The resolution to the brief centred around a series of infographics to do with me and Europe, for example, my knowledge of Europe, the distance across Europe from my home, my favourite European musicians / bands, etc.

This concept was abandoned in favour of the final resolution, ‘Europe is a consumer product.”


“Europe By Designers” is an international artistic project whose aim is to unveil a multi-tude of images of Europe from the inside and from the outside. Submit an innovative, creative, exciting, personal and experi-mental work around the theme: “Europe : what does Europe mean to you?”.

Above, Top Left:

Badge pack mock up.

Above, Top Right:

From top: Water bottle mock up, paper bag mock up (unused idea).

Above, Bottom:

Mock up of some ideas for the range (shown are badges, t-shirts, and water labels).

Above you can see some exam-ples of development work for this brief.

Brief: A Week In The News

Take a news article from each day of the week and represent them through your chosen visual method.

Above, Left:

Unfolded view of supplement.

Above, Top Right:

Folded view, front.

Above, Bottom Right:

Folded view, back.

These images show the rear side of the supplement. The supplements are to be folded inside newspapers with the ‘One Week’ header facing the reader in order to draw interest.

Brief: A Week In The News

Take a news article from each day of the week and represent them through your chosen visual method.

Above, Top:

A diagram to represent the increase of energy costs in the UK compared with France and Germany.

Above, Middle:

The diagram, printed onto a newsprint-like stock.

Above, Bottom:

Mockup of newspaper ad.

The work above started as a visual response to an article, but I found that it was too large to fit into my established layout. Instead, I decided that it could become part of a campaign to get people to take notice of the supplements themselves, as shown in the newspaper mockup.

12.2%

Germany

14%

France

27.9%

U.K.

Energy prices in the UK have increased twice as fast as EU average. Representation of increased UK energy costs compared with EU members Germany & France.

Each ring of the hob represents 1% (decimal values are rounded to closest integer.)

Caparo AP Braking Questionnaire

I was given the opportunity to produce technical illustrations for Caparo AP Braking’s online enquiry form. I produced 4 ge-neric (although specific in form) vehicle illustrations, 3 of which were used. However I was not content with just supplying them with the .AI files, so I also produced a re-design of the questionnaire. This allowed for the possibility of print versions.

Above:

High quality prints of the re-designed enquiry forms. There were two versions produced : one for light vehicle brakes and one for heavy vehicle brakes.

Specifications:

300mm x 594mmGreyscaleSatin / Semi-Gloss180 gsm

Caparo AP Braking Questionnaire

I was given the opportunity to produce technical illustratioons for Caparo AP Braking’s online enquiry form. I produced 4 ge-neric (although specific in form) vehicle illustrations, 3 of which were used. However I was not content with just supplying them with the .AI files, so I also produced a re-design of the questionnaire. This allowed for the possibility of print versions.

Above, Top:

Screen versions of re-designed enquiry forms. There were two versions produced : one for light vehicle brakes and one for heavy vehicle brakes.

Above, Bottom:

Final vectored technical illustratons. Regular light vehi-cle (bottom right) is unused in favour of Caparo’s own T1 sports car.

Heavy Vehicle Brakes - Vans, Trucks (rigids) & Buses.

Caparo AP BrakingBrake HouseTachbrook RoadLeamington Spa CV31 3SFUnited Kingdom

Tel. NumberFax AddressWebsite

01926 473 73701926 473 812www.caparobraking.com

Customer Details. 1

Caparo AP Braking Ltd.Braking System Questionnaire.

Customer Name

Address

Telephone No

Contact Email

Compiled By

Fax

Date

Vehicle Details. 2Vehicle Model Name

Vehicle Type

EEC Classification No.

Axle Configuration

Other Vehicle Information

Vehicle Data. 3

Other Remarks. 4eg. Details of existing equipment

Front Axle

Rear Axle

Total

Height of Centre of Gravity

Driver Only Fully Laden

kg

kg

kg

mm

kg

kg

kg

mm

(As)

(Bs)

(W)

kg

kg

kg

mm

Plated

Centre of gravity

X

W

Wheelbase - YAs Bs

Wheelbase - YAs Bs

Centre of gravity

W

X

Vehicle Mass

1st

2nd

1st

2nd

Vehicle Parameters

Wheelbase

Engine Power

Avg. Vacuum Draw

Engine Capacity

Max. Speed (Laden)

Drag Coefficient

mm

kw

bar

cm3

k/h

Dynamic tyre rolling radius

Tyre Size

Basic Equipment Required

Preferred Drum Brake

Guaranteed Pedal Travel

mm

mm

mm

Front Rear

(Y)

Preferred Braking Ratio

Engine Type

Pedal Ratio Range

If Balance Beam Bogie give preferred Ratio

% front

kw

: 1

% front % rear

Front Rear

Light Vehicle Brakes - Cars & Derivatives.

Caparo AP BrakingBrake HouseTachbrook RoadLeamington Spa CV31 3SFUnited Kingdom

Tel. NumberFax AddressWebsite

01926 473 73701926 473 812www.caparobraking.com

Customer Details. 1

Caparo AP Braking Ltd.Braking System Questionnaire.

Wheelbase - YAs Bs

Centre of gravity

W

X

Customer Name

Address

Telephone No

Contact Email

Compiled By

Fax

Date

Vehicle Details. 2Vehicle Model Name

Vehicle Type

EEC Classification No.

Axle Configuration

Other Vehicle Information

Vehicle Data. 3Vehicle Mass

Front Axle

Rear Axle

Total

Height of Centre of Gravity

Driver Only Fully Laden

kg

kg

kg

mm

kg

kg

kg

mm

Tyre Size

Basic Equipment Required

Guaranteed Pedal Travel

Actuation

Vehicle Parameters

Wheelbase

Engine Power

Avg. Vacuum Draw

Dynamic tyre rolling radius

mm

kw

bar

mm

cm3

k/h

m2

(As)

(Bs)

(W)

(Y)

Engine Capacity

Maximum Speed

Frontal Surface Area

Drag Coefficient

Aerodynamic Coefficient

Pedal Ratio Range

Engine Type

Hose Length

Hose Diameter

Valve Type

ABS Axle

mm

Front Back

mm

: 1

Preferred Fluid Split

Is a Tandem Hydraulic System required?

Does the Rear Suspension Design necessitate the use of 2 Rear Hoses?

Is a Distribution Control valve required?

Is an ABS device fitted?

With what regulations should the system comply?

eg. Details of existing equipment

If Yes >

If Yes >

If Yes >

mm

mm

mm

mm

Front Back

Other Remarks. 4

Wheelbase - YAs Bs

Centre of gravity

W

X

W

X

Wheelbase - YAs Bs

Centre of gravity

Centre of gravity

X

W

Wheelbase - YAs Bs

Wheelbase - YAs Bs

Centre of gravity

W

X

Brief: Explanations

The Explanations project aims to allow people to find out about any given topic by means of a visual explanation. A web-based project, and rely-ing heavily on user generated content, a person will pose a question and people who know the answer (or are prepared to research the answer) are invit-ed to deliver a visual response that answers the question.

Above :

Example duotone poster.For the Explanations promo-tional campaign, I wanted to first get people interested in asking the question of ‘how things work’. This is achieved by placing the question onto many different objects and en-vironments that are accessable to the public.

Explanations.

n;�e act of explaining; making something plain or intelligible; Visually.

www.explanations.com

“

”

Brief: Explanations


Above :

Promotional campaign -

Examples;

Traffic Lights.Phonebox facade.

For the Explanations promo-tional campaign, I wanted to first get people interested in asking the question of ‘how things work’. This is achieved by placing the question onto many different objects and en-vironments that are accessable to the public.

Explanations.



“How does a traffic light work?”

Explanations.



“How does a phonebox work?”

Explanations.




Explanations.




Explanations.




Explanations.




Brief: Explanations


Above :

Website interface mockup.The actual website would be very simple in nature, con-taining information about the project, details about how to contribute, and most impor-tantly, the explanations them-selves. These are broken down into three catergories, objects, systems and actions.

How is a crane put up?Explanations >>> Catergory >>> Actions

Raising the crane.>>> Overview >>> �e Construction Process

�e climbing frame is slightly larger than the tower sections, encasing the main tower like a sleeve. �is mobile part allows new sections to be added to the crane until it reaches its full height, taking six days to disassemble.

First and Second Stage.

A mobile crane assembles the tower crane, placing the climbing frame over the top of the main tower, where the cab and jib are mounted. Once assembled, the tower crane operates until it needs to rise. Hydraulic jacks raise the climbing frame, creating space for a new section.

�ird and Forth Stage.

�e tower crane lifts a new section to the climbing frame. �is section slides into place through the climbing frame, where six workers bolt it into position.

Explanations.

About the ProjectContribute

Catergories‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒Objects> “”‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒Systems> “What is wireless?”> “”‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒‒Actions> “How is a crane put up?”

Brief: Explanations


Above :

Details on the project and how to contribute.

The actual website would be very simple in nature, con-taining information about the project, details about how to contribute, and most impor-tantly, the explanations them-selves. These are broken down into three catergories, objects, systems and actions.

Vertical Length

What is this project all about? �e Explanations project is a simple, unique and perhaps risky venture to allow people to find out about any given topic by means of a visual explanation. A web-based project, and relying heavily on user generated content, a person will pose a question (typically about how a certain object/system/action works or functions) and people who know the answer (or are prepared to research the answer) are invited to deliver a visual response that answers the question.

Explanations >>> Catergory >>> �e Project

Contributing.>>> Overview >>> Creating an Explanation & Making a Query

Contributing to the Explanations project can take two forms; creating an explanation, and making a query. When making a query, it can be about any subject, as long as it can be catergorized under one of three headings; Objects, Systems and Actions. �is must be made by email. When creating an explanation, it can be produced via any means, although the use of standard graphic design applications is advised. �e explanation must be visual in nature, although the use of type is both accepted and encouraged. For contributions, generally designers and artists are desired, however any person can contribute as long as their explanation is understandable and visual in nature (doodles on the back of beer mats welcomed!)

Specifications.

Repsonses to questions are acccepted in most image formats and optimized for screen based viewing.

RGB colour mode. 72 dpi (minimum). JPEG, GIF, PNG format (recommended). No more than 900 pixels in width.

(Vertical) length can be much longer, although it is recommended to be less than 5000 pixels.

Width of Image - 900 pixels (maximum). Examples are 848 pixels wide.

Sending Explanations.

Contributions are sent via email to the explanations.com email address, and are moderated by the site staff before being added to the site, thus removing the possibility of material of an abusive nature being uploaded. �e chosen reponses are clearly attributed to their respective author(s).

Example A (Wireless)

Example B (Crane)

As shown here, both example explanations are the same in width, however they are of different in length.

Vertical Length

What is this project all about? �e Explanations project is a simple, unique and perhaps risky venture to allow people to find out about any given topic by means of a visual explanation. A web-based project, and relying heavily on user generated content, a person will pose a question (typically about how a certain object/system/action works or functions) and people who know the answer (or are prepared to research the answer) are invited to deliver a visual response that answers the question.

Explanations >>> Catergory >>> �e Project

Contributing.>>> Overview >>> Creating an Explanation & Making a Query

Contributing to the Explanations project can take two forms; creating an explanation, and making a query. When making a query, it can be about any subject, as long as it can be catergorized under one of three headings; Objects, Systems and Actions. �is must be made by email. When creating an explanation, it can be produced via any means, although the use of standard graphic design applications is advised. �e explanation must be visual in nature, although the use of type is both accepted and encouraged. For contributions, generally designers and artists are desired, however any person can contribute as long as their explanation is understandable and visual in nature (doodles on the back of beer mats welcomed!)

Specifications.

Repsonses to questions are acccepted in most image formats and optimized for screen based viewing.

RGB colour mode. 72 dpi (minimum). JPEG, GIF, PNG format (recommended). No more than 900 pixels in width.

(Vertical) length can be much longer, although it is recommended to be less than 5000 pixels.

Width of Image - 900 pixels (maximum). Examples are 848 pixels wide.

Sending Explanations.

Contributions are sent via email to the explanations.com email address, and are moderated by the site staff before being added to the site, thus removing the possibility of material of an abusive nature being uploaded. �e chosen reponses are clearly attributed to their respective author(s).

Example A (Wireless)

Example B (Crane)

As shown here, both example explanations are the same in width, however they are of different in length.

technical portfolio

Documents

ins mcl sclcldtx x n

ba cy y n y n

science casiohttp

museum facade

science casiocasiofx

casio computer

vuse battery lr44 x

nsm casio archivescreate