layout

I decided to use this layout for the final software.

All the ingredients will be at the rack and the cooking will be done below.

The post-it note will be for instructions.

what i got so far

Instructions >>

Choosing a recipe

Cooking instructions

(still in progress)

IDEA #2

For my educational software, I decided to make a cooking guide.

I will base the main ingredient on eggs.

Maybe something like "10 ways to make EGGS for breakfast"

Major Project Ideas

Simple Machines >>

BEST WEBSITE FOR FLASH INTERFACE REFERENCE!

>> http://www.thefwa.com/

cool flash interactive websites

http://www.rolando.com.br/site

http://www.sectionseven.com/

http://okaydave.com/

http://creaktif.com/

http://www.vectorpark.com/

http://www.gtiproject.com/

http://www.dreamofelectricsheep.com/lollipop/

http://sc.landsend.com/packland/

http://www.ariza.com.tr/site.html

http://14-7.com/

http://sketch.odopod.com/

http://www.matthiasdittrich.com/

http://www.orangecinemaseries.fr/evenement/tati/

http://www.unouplus.com/

http://www.norwegianoil40years.no/

http://www.bankofimagination.com/

http://www.safetriphome.com/journey/

http://www.saveyoursensible.com/

http://www.mcbd.co.uk/

http://www.mrstrings.co.uk/

super hero look trials

synths

General >>

*hair style

*smile

*symbol

*body/super power (muscular for strength, lean for speed, nothing for invisibility... etc)

*special weapons

For costumes >>

*RGB slider for costumes

*patterns

super hero costumes

*patterns (stars/stripes)

*solid color

*cape

*boots

SUPER HEROES

*strong

*flight

*speed

*psychic

*x-ray eyes ??

*invisibility

*fire/water/thunder/etc

*animal-man (e.g: spiderman.. batman..)

change idea

I decided to change my visual synthesizer to "Create a Superhero".

I think it's much more interesting and I can be more creative with it.

:D

alphabet clothes

for next time

good letters for body : X, Y, H, E (2 "e"s facing each other), A

good letters for hand: Y, E, M, V

good letters for foot: B, R, Z, t (for middle eastern style shoes perhaps?)

robot font trial - font: POPLAR STD BLACK

one way to create a character out of letters

name character generator??

(creating a creature from the name of the user)

I decided to make an interface that allows the user to design/create a creature using letters. All they have to do is type in some letters, and the interface will generate a creature using those letters as its body parts.

font robots

BRIEF 2

For our next brief, we have to make a visual synthesizer. My ideas right now are >>

1. "Mouse Trail"

(A trail of effects that will follow the mouse wherever it goes)

I got this idea from a Mac "star trail" application

"Startrail is a little and simple Mac OS X application that will simply leave a trail of shiny stars behind your mouse pointer, wherever it goes. "

2. Design a creature

3. Cooking??

4. robot design using fonts... (??)

screen shots of pop ups

main menu - button mode

pop up 2

pop up 1

pop up

I've decided to show the information through pop up menus. That way the viewer will be able to view more than one diagram

eye diagram

mouse over

Layout

I finally decided to use this design as my layout. I think that it looks more appropriate than the previous one. The three boxes on the left side are buttons that will show some information after it is clicked.

I've decided to get rid of the wooden texture from my interface

it makes the site looks like a spa website

it's ME@

http://simpsonizeme.com/

layout trials

TRIAL 1 - loading simulation in flash

preview

interface design ideas [sketches]

1. Loading Simulation

2. How the layout will come to place (in order)

3. Information displayed in pop-up

final ideas

fresh, healthy, friendly, care

Logo: Right (People holding hands forming "Health Triangle"

Color Scheme: White, Fresh Green, Cream, Sky blue, Light Gray

Background Image: Wooden Texture (from friend's photo collection)

ideas >>

1. Display diagram (eye)

2. Fade out (move on to other diagram)

-------------------------------------------------------------------------------------

The images on the top pile will slide off to the back of the pile when it's clicked.

It's has a sort of flash-card way of displaying information.

-------------------------------------------------------------------------------------

I like how they are using post it notes as a way to display information -

• pop up for every information

• slide show of each information (with animation)

final logo

i did make this logo in the shape of a triangle without realizing the "health triangle" concept.

i decided to use this logo as my "aware health" logo.

health triangle diagram

health triangle

I have decided to base my logo on the health triangle concept. It is in a way very true that the human health can be defined by three major factors; mental, social and physical. From this health triangle concept, we can see how one point is closely related to the other two, giving each other support and balance. The health triangle is there to help us understand that we cannot have success with one point while the other points are failing.

more favored designs

screenshots of favored interface design