charityworks | art & design - UI/UX Design Portfolio 2016

Page 1

portfolio

charity s. calderon

2016

artist & designer

UI/UX Design Projects


80/11

93/12

61/11, 62/12

Følsom og presis

UI/UX Design Projects

Lett håndtering Glass håndtering Platearbeid Arbeid med elektroverktøy Rør og flens arbeid Generelle konstruksjoner Fare for kuttskader Pakking Anleggsvedlikehold Kjemikalier og farlige stoffer Godt grep ved våte, oljete forhold Elektrisk arbeid/kabelinnføringer Til kalde forhold

Web Projects

Game Projects

Other Projects

Sveising og varmearbeid

EN 374 - Beskyttelseshansker for kjemisk og bakteriologisk risiko

EN 388 - Beskyttelse mot mekanisk risiko TEST

Bakteriologisk risiko NIVÅ

1

2

3

AQL

4.0

1.5

0,65

ABCD

EN level ≥ 3

Kjemikal beskyttelse

EN 407 - Varme

1

2

3

4

Slitasjemotstand a)

100

500

2000

8000

Skjæremotstand b)

1.2

2.5

50

10.0

Rivemotstand c)

10

25

50

75

Punkteringsmotstand d)

20

60

100

150

5

TEST

20.0

ID Kjemikalie

CAS

ID Kjemikalie

CAS

A. Metanol

67-56-1

G. Dietylamin

109-89-7

Beskyttelse mot kjemisk risiko. (Begrenset beksyttelse). (AQL < 4)

B. Aceton

67-64-1

H. Tetrahydrofuran

109-99-9

C. Acetonitril

75-05-8

I. Ethylacetat

141-78-6

Det kreves ikke referanse til tester og resultat for hansker med begrenset beskyttelse, men vi oppgir likevel relavante resultater.

D. Metylenklorid

75-09-2

J. n-Heptane

142-82-5

E. Karbondisulfid

75-15-0

K. Natriumhydroksid 40%

1310-73-2

F. Toluen

108-88-3

L. Svovelsyre 96%

7664-93-9

ABCDEF

Nr

A=1 B=2 C=3 D=4 E=5 F=6

1

Etterbrenningstid

1

Etterglødingstid

2

Kontaktvarme

3

åpen flamme

4

Strålevarme

5

Dråper metall

6

Flytende metall

≥ = er lik eller større enn ≤

NIVÅ Toleranse (min)

0

1

2

3

4

5

6

≥ 10

≥ 10

≥ 30

≥ 60

≥ 120

≥ 240

≥ 480


UI/UX Design Projects

Other:

Digital Plate

Full view

Project: Granberg-Teekay Plate Client: Granberg

HANSKE OVERSIKT [ Revisjon 1 - 17.02.2016 ]

DESCRIPTION

A template designed for Granberg for a digital plate where contents are expected to change and be updated at times.

Varenummer/ Hanskenavn

116.541 Kutthansker av Typhoon®

114.940 Engangshansker Chemstar®

110.0340 Isolerende hansker

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN Standere

EN 388 (4.3.4.3)

EN 374, EN 374-2(3), EN 1186

EN 420

116.575 Kutthansker av Typhoon®

115.9007 360° Cut 5 Hansker med Typhoon® og støtbeskyttelse

I kombinasjon med 110.0340 erstatter denne 107.4297W

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN 388 (4.5.4.3)

EN 388 (4.5.4.3)

110.0160 Eksemhansker Bamboo®

106.3700K Argonhansker

EN 420

EN 388 (2.1.1.1), EN 407 (4.1.2.2.4.X)

106.1690K Sveisehansker

107.4330 EX® vibrasjonsdempende arbeidshansker

EN 388 (4.2.4.3), EN 407 (4.1.2.X.4.X)

EN 388 (2.2.2.1)

CONTRIBUTION

Layout design

AEO-KODE

76/7, 77/8, 78/9, 79/10, 80/11

Designed the overall look aming to matching Granberg branding ele-

Følsom og presis

ments (color, fonts), merging with AEO/Teekay as a “joint presentation”.

Glass håndtering

Created layout where all required information can fit A3 size. Assigned

Arbeid med elektroverktøy

“Legend” marks to indicate information in a minimalist and unobstruc-

3344

Størrelser

3330

334253

3360

36/S, 37/M, 38/L, 39/XL

3344

90/9, 91/10, 92/11, 93/12

3344

57/7, 58/8, 59/9, 60/10, 61/11, 62/12

3330

73/M, 74/L

86066006

3344

18/8, 19/9, 20/10, 21/11 89/8.5, 90/11

52/8, 53/9, 54/10, 55/11, 56/12

Lett håndtering

Platearbeid

Rør og flens arbeid Generelle konstruksjoner Fare for kuttskader

tive way.

Pakking Anleggsvedlikehold Kjemikalier og farlige stoffer Godt grep ved våte, oljete forhold Elektrisk arbeid/kabelinnføringer Til kalde forhold Sveising og varmearbeid

EN 374 - Beskyttelseshansker for kjemisk og bakteriologisk risiko

EN 388 - Beskyttelse mot mekanisk risiko TEST

Bakteriologisk risiko NIVÅ

1

2

3

AQL

4.0

1.5

0,65

ABCD

EN level ≥ 3

Kjemikal beskyttelse

EN 407 - Varmebeskyttelse

1

2

3

4

Slitasjemotstand a)

100

500

2000

8000

Skjæremotstand b)

1.2

2.5

50

10.0

Rivemotstand c)

10

25

50

75

Punkteringsmotstand d)

20

60

100

150

5

TEST

20.0

ID Kjemikalie

CAS

ID Kjemikalie

CAS

A. Metanol

67-56-1

G. Dietylamin

109-89-7

Beskyttelse mot kjemisk risiko. (Begrenset beksyttelse). (AQL < 4)

B. Aceton

67-64-1

H. Tetrahydrofuran

109-99-9

C. Acetonitril

75-05-8

I. Ethylacetat

141-78-6

Det kreves ikke referanse til tester og resultat for hansker med begrenset beskyttelse, men vi oppgir likevel relavante resultater.

D. Metylenklorid

75-09-2

J. n-Heptane

142-82-5

E. Karbondisulfid

75-15-0

K. Natriumhydroksid 40%

1310-73-2

F. Toluen

108-88-3

L. Svovelsyre 96%

7664-93-9

Toleranse (min)

0

1

2

3

4

5

6

≥ 10

≥ 10

≥ 30

≥ 60

≥ 120

≥ 240

≥ 480

Resultatnivåer 1

2

3

4

Nr

A=1 B=2 C=3 D=4 E=5 F=6

1

Etterbrenningstid

Sekunder

≤ 20

≤ 10

1

Etterglødingstid

Sekunder

uendelig

≤ 120

≤ 25

≤5

2

Kontaktvarme

Temp°C etter 15 sekunder

100°

250°

350°

500°

3

åpen flamme

Sekunder

≤4

≤7

≤ 10

≤ 18

4

Strålevarme

Sekunder

≤5

≤ 30

≤ 90

≤ 150

5

Dråper metall

Antall dråper

≥5

≤ 15

≥ 25

≥ 35

6

Flytende metall

Gram

30

60

120

200

≥ = er lik eller større enn ≤ = er lik eller mindre enn

NIVÅ

EN 511 - Beskytte

Resultat måles i:

ABCDEF

≤3

≤2

ABC

a

b

Forklaring

=

=


Project: Granberg-Teekay Plate Client: Granberg Mock-up image only. BG Photo Credit: http://www.tech-point.ca/digital-signage-controllers-video-conferencing/

HANSKE OVERSIKT [ Revisjon 1 - 17.02.2016 ] Varenummer/ Hanskenavn

116.541 Kutthansker av Typhoon®

114.940 Engangshansker Chemstar®

110.0340 Isolerende hansker

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN Standere

EN 388 (4.3.4.3)

AEO-KODE

EN 374, EN 374-2(3), EN 1186

3344

Størrelser

76/7, 77/8, 78/9, 79/10, 80/11

3330

EN 420

116.575 Kutthansker av Typhoon®

115.9007 360° Cut 5 Hansker med Typhoon® og støtbeskyttelse

I kombinasjon med 110.0340 erstatter denne 107.4297W

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN 388 (4.5.4.3)

334253

EN 388 (4.5.4.3)

3360

36/S, 37/M, 38/L, 39/XL

110.0160 Eksemhansker Bamboo®

EN 420

3344

90/9, 91/10, 92/11, 93/12

106.3700K Argonhansker

EN 388 (2.1.1.1), EN 407 (4.1.2.2.4.X)

3344

57/7, 58/8, 59/9, 60/10, 61/11, 62/12

106.1690K Sveisehansker

EN 388 (4.2.4.3), EN 407 (4.1.2.X.4.X)

3330

73/M, 74/L

ANSELL SOLVEX PREMIUM 37-900

107.4330 EX® vibrasjonsdempende arbeidshansker

EN 388 (2.2.2.1)

86066006

EN 388 (4.1.0.2) EN 374 AKL

3344

18/8, 19/9, 20/10, 21/11 89/8.5, 90/11

08237900

52/8, 53/9, 54/10, 55/11, 8, 9, 10 56/12

Følsom og presis Lett håndtering Glass håndtering Platearbeid Arbeid med elektroverktøy Rør og flens arbeid Generelle konstruksjoner Fare for kuttskader Pakking Anleggsvedlikehold Kjemikalier og farlige stoffer Godt grep ved våte, oljete forhold Elektrisk arbeid/kabelinnføringer Til kalde forhold Sveising og varmearbeid

EN 374 - Beskyttelseshansker for kjemisk og bakteriologisk risiko

EN 388 - Beskyttelse mot mekanisk risiko TEST

Bakteriologisk risiko NIVÅ

1

2

3

AQL

4.0

1.5

0,65

ABCD

EN level ≥ 3

Kjemikal beskyttelse

EN 407 - Varmebeskyttelse

1

2

3

4

Slitasjemotstand a)

100

500

2000

8000

Skjæremotstand b)

1.2

2.5

50

10.0

Rivemotstand c)

10

25

50

75

Punkteringsmotstand d)

20

60

100

150

5

TEST

20.0

ID Kjemikalie

CAS

ID Kjemikalie

CAS

A. Metanol

67-56-1

G. Dietylamin

109-89-7

Beskyttelse mot kjemisk risiko. (Begrenset beksyttelse). (AQL < 4)

B. Aceton

67-64-1

H. Tetrahydrofuran

109-99-9

C. Acetonitril

75-05-8

I. Ethylacetat

141-78-6

Det kreves ikke referanse til tester og resultat for hansker med begrenset beskyttelse, men vi oppgir likevel relavante resultater.

D. Metylenklorid

75-09-2

J. n-Heptane

142-82-5

E. Karbondisulfid

75-15-0

K. Natriumhydroksid 40%

1310-73-2

F. Toluen

108-88-3

L. Svovelsyre 96%

7664-93-9

Toleranse (min)

0

1

2

3

4

5

6

≥ 10

≥ 10

≥ 30

≥ 60

≥ 120

≥ 240

≥ 480

Resultatnivåer 1

2

3

A=1 B=2 C=3 D=4 E=5 F=6

1

Etterbrenningstid

Sekunder

≤ 20

≤ 10

1

Etterglødingstid

Sekunder

uendelig

≤ 120

≤ 25

≤5

2

Kontaktvarme

Temp°C etter 15 sekunder

100°

250°

350°

500°

3

åpen flamme

Sekunder

≤4

≤7

≤ 10

≤ 18

4

Strålevarme

Sekunder

≤5

≤ 30

≤ 90

≤ 150

5

Dråper metall

Antall dråper

≥5

≤ 15

≥ 25

≥ 35

6

Flytende metall

Gram

30

60

120

200

≤3

Konveksjonskulde Kontaktkulde Vanntetthet

4

Nr

≥ = er lik eller større enn ≤ = er lik eller mindre enn

NIVÅ

EN 511 - Beskyttelse mot kulde

Resultat måles i:

ABCDEF

≤2

ABC

a

b

(x, min, 0, max, 4) (x, min, 0, max, 4) (0/1 - etter 30 min)

c

Forklaring: = Skal kun brukes som

innerhanske

= Skal helst brukes

som innerhanske


UI/UX Design Projects

Web

Project: Granberg Christmas, 2015 Client: Granberg DESCRIPTION

Website for Christmas “Greeting” Campaign, published Dec 2015 - Jan 2016. The Campaign’s aim is to greet all customers, subscribers and followers of Granberg on social media and the web. CONTRIBUTION

Web Design Designed the overall look and theme for Grandberg Christmas 2015.

Web Development Developed website using Adobe Muse.

Full view

Back-up Version: Work-In-Progress. 70% from Completed/Final version.


Project: Christmas Greeting 2015 Client: Granberg

HANSKE OVERSIKT [ Revisjon 1 - 17.02.2016 ] Varenummer/ Hanskenavn

116.541 Kutthansker av Typhoon®

114.940 Engangshansker Chemstar®

110.0340 Isolerende hansker

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN Standere

EN 388 (4.3.4.3)

AEO-KODE

EN 374, EN 374-2(3), EN 1186

3344

Størrelser

76/7, 77/8, 78/9, 79/10, 80/11

3330

EN 420

116.575 Kutthansker av Typhoon®

115.9007 360° Cut 5 Hansker med Typhoon® og støtbeskyttelse

I kombinasjon med 110.0340 erstatter denne 107.4297W

I kombinasjon med 110.0340 erstatter denne 107.4297W

EN 388 (4.5.4.3)

334253

EN 388 (4.5.4.3)

3360

36/S, 37/M, 38/L, 39/XL

110.0160 Eksemhansker Bamboo®

EN 420

3344

90/9, 91/10, 92/11, 93/12

106.3700K Argonhansker

EN 388 (2.1.1.1), EN 407 (4.1.2.2.4.X)

3344

57/7, 58/8, 59/9, 60/10, 61/11, 62/12

106.1690K Sveisehansker

EN 388 (4.2.4.3), EN 407 (4.1.2.X.4.X)

3330

73/M, 74/L

ANSELL SOLVEX PREMIUM 37-900

107.4330 EX® vibrasjonsdempende arbeidshansker

EN 388 (2.2.2.1)

86066006

EN 388 (4.1.0.2) EN 374 AKL

3344

18/8, 19/9, 20/10, 21/11 89/8.5, 90/11

08237900

52/8, 53/9, 54/10, 55/11, 8, 9, 10 56/12

Følsom og presis Lett håndtering Glass håndtering Platearbeid Arbeid med elektroverktøy Rør og flens arbeid Generelle konstruksjoner Fare for kuttskader Pakking Anleggsvedlikehold Kjemikalier og farlige stoffer Godt grep ved våte, oljete forhold Elektrisk arbeid/kabelinnføringer Til kalde forhold Sveising og varmearbeid

EN 374 - Beskyttelseshansker for kjemisk og bakteriologisk risiko

EN 388 - Beskyttelse mot mekanisk risiko TEST

Bakteriologisk risiko NIVÅ

1

2

3

AQL

4.0

1.5

0,65

ABCD

EN level ≥ 3

Kjemikal beskyttelse

EN 407 - Varmebeskyttelse

1

2

3

4

Slitasjemotstand a)

100

500

2000

8000

Skjæremotstand b)

1.2

2.5

50

10.0

Rivemotstand c)

10

25

50

75

Punkteringsmotstand d)

20

60

100

150

5

TEST

20.0

ID Kjemikalie

CAS

ID Kjemikalie

CAS

A. Metanol

67-56-1

G. Dietylamin

109-89-7

Beskyttelse mot kjemisk risiko. (Begrenset beksyttelse). (AQL < 4)

B. Aceton

67-64-1

H. Tetrahydrofuran

109-99-9

C. Acetonitril

75-05-8

I. Ethylacetat

141-78-6

Det kreves ikke referanse til tester og resultat for hansker med begrenset beskyttelse, men vi oppgir likevel relavante resultater.

D. Metylenklorid

75-09-2

J. n-Heptane

142-82-5

E. Karbondisulfid

75-15-0

K. Natriumhydroksid 40%

1310-73-2

F. Toluen

108-88-3

L. Svovelsyre 96%

7664-93-9

Toleranse (min)

0

1

2

3

4

5

6

≥ 10

≥ 10

≥ 30

≥ 60

≥ 120

≥ 240

≥ 480

Resultatnivåer 1

2

3

A=1 B=2 C=3 D=4 E=5 F=6

1

Etterbrenningstid

Sekunder

≤ 20

≤ 10

1

Etterglødingstid

Sekunder

uendelig

≤ 120

≤ 25

≤5

2

Kontaktvarme

Temp°C etter 15 sekunder

100°

250°

350°

500°

3

åpen flamme

Sekunder

≤4

≤7

≤ 10

≤ 18

4

Strålevarme

Sekunder

≤5

≤ 30

≤ 90

≤ 150

5

Dråper metall

Antall dråper

≥5

≤ 15

≥ 25

≥ 35

6

Flytende metall

Gram

30

60

120

200

≤3

Konveksjonskulde Kontaktkulde Vanntetthet

4

Nr

≥ = er lik eller større enn ≤ = er lik eller mindre enn

NIVÅ

EN 511 - Beskyttelse mot kulde

Resultat måles i:

ABCDEF

≤2

ABC

a

b

(x, min, 0, max, 4) (x, min, 0, max, 4) (0/1 - etter 30 min)

c

Forklaring: = Skal kun brukes som

innerhanske

= Skal helst brukes

som innerhanske

From bottom left to right: • email signature banner • “Christmas 2015” campaign website • social media post (linkedin, facebook)


UI/UX Design Projects

Game

Project: Zems Online Client: Impulse Ltd. DESCRIPTION

Zems Online or Zems (www.zems.com) is an online card game. Impulse Ltd., the makers of the game was a client of Polywick Studio, where I was part of the early iterations of developing the UI and UX for the whole game. CONTRIBUTION

UI & UX Design Studied the game document, researched existing card games, UI styles and preffered styles of the client, evolving as the game development progressed. Submitted UI/UX Design concepts.

Zems Board Game Design

Card Design

Game Asset Design Designed and developed the “Hex” used on the board.

Go to Website

Latest Version - style or asset may have varied from submitted work.


UI Sketch - Zems Board Concept/ Study

Full view

Project: Zems Online UI Client: Polywick Studio


Project: Zems Online UI Client: Polywick Studio


UI/UX Design Projects

Game

Project: The Lost Cases of Sherlock Holmes Client: Legacy Interactive DESCRIPTION

“The Lost Cases of Sherlock Holmes” is a puzzle or hidden object game. I was part of the team working on the version for iPhone. CONTRIBUTION

Graphical User Interface (UI or GUI):

Layout of Game Screens

Button Designs

I was responsible for the UI, design of buttons, layout, with the embellishments and typography.



Thank you charity s. calderon artist & designer | charityworks.myportfolio.com +63 9493962130 | skype: charitycalderon.s charitycalderon@gmail.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.