design process book

1

Table of Contents

Health Debate Applied illustration

Dynamic Site Infographic Research Based Design

When Population Reach 8 BillionData Visualization

Hot Pepper RanksInteractive Infographic

FlorenceIOS Application

Citation

3

9

15

21

27

33

2

3

Health DebateApplied Illustration

4

Project Summary

This project is to choose an existing editorial and

create an illustration, which reflects the topic

that is being discussed. The main purpose of the

illustration is to support or help the editorial article

in a publication. The client for this project is the

Los Angeles Times that was first published on 4

December 4th, 1881 under the name of Los Angeles

Daily Times. Los Angeles Times is owned by the Los

Angeles Time Media Group (LATMG). LATMG reaches

approximately 5.1 million or 38% of all adults in the

Southern California marketplace.

5

Research

1

2 3

65

4

6

Sketches

7

Process

8

9

Dynamic Site InfographicResearch Based Design

10

Project Summary

Most web designers still do not understand what is

dynamic site and the differences between dynamic

site and regular (static) sites. This infographic is to

help web designers to understand better what is

dynamic site and the pros and cons of it. This project

is proposed as a poster to be placed at The Art

Institute of Seattle in order to help the web design

students and other students to understand basic

information about dynamic site.

11

Inspiration

7 8

12

Sketches

13

Process

DNS

5

1 2 3

4

Client / Browser DNS Server Database

$$

14

15

When Population Reaches 8 billion...Advanced Data Visualization

16

Project Summary

A proposed project for WHO and United Nation in

order to show what will happen when the population

reaches 8 billion people by providing statistical

information that the audience will want to know.

The information will disclose population statistics,

population density, energy consumption statistics,

and water scarcity. The target audience is everyone

is is 15 years old and above.

17

Research

9

10

18

Sketches

19

Process

2012

2025

Water Scarcity

2012: 33%

2025: 66%

By 2025 over half the world popula-tion (5 billion people) will suffer water shortages. This will lead to human disaster zones where many die of drought.

0 1 2 3 4 5

Asia

Africa

Europe

Latin America

Northern America

Oceania

Population by Continents (in Billion)

When The Population Reaches 8 billions...

2012 2025Coal

2012 2025Oil

natural Gas20252012

renewable20252012

nuclear2012 2025

Energy Consumption x10 Quadrillion BTU

http://www.global-warming-forecasts.com/2025-climate-change-global-warming-2025.php

http://esa.un.org/wpp/Excel-Data/population.htmhttp://www.foxnews.com/story/0,2933,317609,00.html

http://www.prb.org/pdf12/2012-population-data-sheet_eng.pdfhttp://www.photius.com/rankings/world2050_rank.html

http://www.planet2025news.net/

http://timeforchange.org/prediction-of-energy-consumptionthttp://www.who.int/whr/1998/media_centre/50facts/en/

Population Density in 2025

60%17%10%5%1%

Legends

Most populated cities

1.Tokyo2. Mumbai, India3. Delhi4. Dhaka5. São Paulo6. Mexico City7. New York-Newark8. Calcutta, India9. Shanghai10. Karachi

36.4 million26.4 million22.5 million22 million21.4 million21 million20.6 million20.5 million19.4 million19.1 million

20

21

Hot Pepper RanksInfographic

22

Project Summary

An interactive infographic to show the ranks of

peppers and their origins. Some people are curious

about the hottest pepper or chilies in the world. By

making it interactive, it makes the user interaction

fun and it triggers more curiosity about the rest of

the information provided. The information provided

includes the origin – by showing the location on the

map, and the image of the pepper.

23

Research

11 12

14

13

15

24

Sketches

25

Process

26

Final

27

FlorenceIOS App

28

Project Summary

An application that is created in order to help the

user to identify the flowers that they capture. There

are a lot of flowers around the world, and a lot of

people want to know what a certain flower is called,

where it originates, and etc. The target audience for

this project varies from students to elderly people.

29

Research

Leaf Snap Flower Pedia Audobon Wildflowers

16 17 18

30

Sketches

31

Process

32

Final

33

Citation

1. Birch, John Alan. “Alan The John Birch.” Illustration.

designworklife.com. 18 June. 2009. 10 Jan. 2013

<http://www.designworklife.com/2009/06/18/john-allen-birch/>.

2. “Faces Mental Health icon.” Photo. 22faces.com. July.

2012. 10 Jan. 2013 <http://22faces.com/wp-content/

uploads/2012/07/22faces-mental-health-icon_2-262x300.jpg>.

3. “Health-Care.” Photo. coffeecupdemocrat.com. March. 2012.

10 Jan. 2013 <http://www.coffeecupdemocrat.com/wp-content/

uploads/2012/03/Health-Care.jpg>.

4. Gordon, Jessica Rae. “Midwives Editorial Illustration.”

Illustration. jessicaraegordon.blogspot.com. 11 March. 2011.

10 Jan. 2013 <http://jessicaraegordon.blogspot.com/2011/03/

midwives-editorial-illustration.html>.

5. “Elephant.” Photo.awf.org.10 Jan. 2013

<http://www.awf.org/files/3779_file_Elephant2_Balfour.jpg>.

6. “Catalonian Donkey.” Photo. steeldonkeybiketours.com. Feb.

2012. 10 Jan. 2013 <http://www.steeldonkeybiketours.com/wp-

content/uploads/2010/02/Catalonian_donkey_-_Spain_News.jpg>.

7. What Makes Someone Leave a Website. N.d. Visual.ly Web.

3 Feb. 2013 <http://www.visual.ly/what-makes-someone-leave-

website/>.

8. Web Designer Vs. Developer. N.D. N.p. Web. 3 Feb 2013.

<http://www.downgrapf.com/wp-content/uploads/2012/06/

WEBdesignerVS developer..jpg>.

9. World Population Growth seven billion people Infographic.

2012. n.p. Web. 3 Feb. 2013.

34

10. World Population Strtegy Business. N.d. n.p. Web. 3 Feb

2013. <http://1.bp.blogspot.com/-fuOQi3ueOoU/UIeOkPE9a5I/

AAAAAAAAAcM/41sGkOP-PSs/s1600/world-population-strategy-

business.png>.

11. World Guide to Spices Facts Food. N.d. n.p. Web. 3 Feb

2013. <http://3.bp.blogspot.com/-IDEZXVv0Pnc/UHUFnUtRgwI/

AAAAAAAAAZo/w8vJZXn6US0/s1600/world-guide-to-spices-facts-

food-infographic1-600x600.png>.

12. Hot Stuff about Chili Pepper. N.d. n.p. Web. 3 Feb 2013.

<http://2.bp.blogspot.com/-Y07pxyYcSvc/UHUEljNwe9I/

AAAAAAAAAZY/7e9Osdxq7VQ/s1600/Infographic_chili pepper.jpeg>.

13. Chilli Peppers. N.d. n.p. Web. 3 Feb 2013.

14. How Spicy is that Pepper. N.d. n.p. Web. 3 Feb 2013. <http://4.

bp.blogspot.com/-_2PDQXncKuE/UHUEhZBSJUI/AAAAAAAAAZQ/

pSNdK5pM0Bc/s1600/pepper-2.jpeg>.

15. Scoville Chile Heat Chart. N.d. n.p. Web. 3 Feb 2013. <http://1.

bp.blogspot.com/-uRFBA4pxDpk/UHUEadfGiZI/AAAAAAAAAZI/

PTlXuRdt46c/s1600/chilli.jpeg>.

16. Leafsnap. Columbia Universtiy, University of Maryland, and

Somithsonian Institution. Web. 3 Feb 2013. < https://itunes.apple.

com/us/app/leafsnap/id430649829?mt=8>.

17. Flower Pedia. Muli Mobile Limited. Web. 3 Feb 2013. <https://

itunes.apple.com/us/app/flower-pedia-lite/id323806830?mt=8>.

17. Flower Pedia. Muli Mobile Limited. Web. 3 Feb 2013. <https://

itunes.apple.com/us/app/flower-pedia-lite/id323806830?mt=8>