Sunday, May 31, 2009

Sketches

Sketches for web design. HOW TO LOOSE WIEGHT WHILE WORKING.



01. the first one, is using normal iframe to browse, whereby the user has to scroll up and down to view . rather plain and common, so i thought of the 2nd idea.

02. this one is more interesting, where when the user clicks on a link, the whole content glides horizontally ; showing a transition, and shows the next content.

it's javascript, more lke advanced javascript, which is actually pretty simple to understand.

i've actually found the script online, and i've configured it, changed a bit, and done a prototype.

it gives users a much interactive feeling, as compared to the normal linking and loading.
(Jo has approved on this, idea and this is a refined idea.)


the concept is to portray the normal daily life at the workdesk, rather to relate to the workers/ students? to give a closer feeling on what they are experiencing everyday, which is sitting on the workdesk working and having no time to exercise.

it'll have items such as dumbells, medicine ball, treadmill platform for the content , to beat away from the normal mundane sites which teaches people to loose weight and exercise. it's also to create some excitement in the users, rather than to bore them, as exercising can be pretty boring.

art direction wise, it'll be realisitc, using real photos, then montaged together.

this website uses the same concept of content gliding,


Monday, May 25, 2009

mood board


MOOD BOARD for HOW TO LOSE WEIGHT WHILE WORKING



page planner



01. intro on concept of losing weight while working (intro, what is it , whats new)
02. who (anyone who deals with computer most of the time. eg : working ppl, students)


03. why & how this works (proves & explanation)


04. task 1 (stretching exercise)


05. task 2 (cardio exercise)


06. task 3 (weights exercise)


07. workout planner


08. nutrition planner (healthy diets & snacks to eat while working)


09. downloads ( download videos, meal planners, workout planner)


10. other tips to loose weight




Sunday, May 17, 2009

website initial ideas

Ideas for website


01 . HOW TO MAKE KAWASAKI ROSES.


yes, its origami, to make papers roses. it's one of the most beuatiful handicrafts which you can make out of paper.


once you get the hang of it, it's pretty simple.


the ones which are onthe internet are pretty hard to learn, so for this, i'll simplify it, using my own methods, and own terms.

// new edit ; after some comments from yen nee

kawasaki is a japanese term, also symbolising masculinity, while on the other hand, rose, represents the female.

hence, my concept is to teach guys to make kawasaki roses for girls.

when it comes to special days like girlfriend's birthday, anniversary, valentines day, etc etc , us males as boyfriends will be scratching our heads, trying to think of something extraordinary and romantic to give the girls.

so, these kawasaki roses are the perfect gifts. though it is just origami, but never take it lightly. learning to make them and making them specially for the girls is not easy.

guys actually taking the effort to learn to make them cannot be valued with money and can't be compared with the roses which are available in shops. it is the effort from bottom of his heart.

these roses made, even though the outcome isn't as fanstastic, will surprise the girls. after all, its the effort and the sincerity of the guy that counts. it shows that the guy cares very much for his lover.

with these tutorials, a simplified one, with diagrams, guys are able to make their roses for their love ones.

hmm, no girlfriends or wives? make them for your mother! I'm sure mothers will love these roses. show that you care for your mom and make her happy by making these roses and giving them to her.

as long as the rose is done by oneself, it'll definitely make the receiver very touched and happy .




title : HOW TO MAKE KAWASAKI ROSES FOR GIRLS

01. what are kawasaki roses (pictures to demonstrate & introduction)
02. who created kawasaki roses ( the original founder of it & history)
03. why should guys learn to make these roses (reasons to persuade guys to make)
04. usage of these roses ( to give to love ones, how to surprise them, when to give them)
05. 1st task : to make the rose (drawings, plus photos)
06. 2nd task : to make the calyx ( leaves)
07. 3rd task: to make the stem & join all of them together
08. final outcome (gallery)
09. download page (wallpapers , icons, and instruction sheet ; pdf)
10. faq ( any enquiries, uncertainties, send an email over.)