Just Blog It La

Go to my tumblr!

2010-08-13T00:16:00.000-07:00

Update your links people! My new home is here! XD

Click the link below:

http://myricebowl.tumblr.com/

Will be posting my latest works as well as old ones over there from now on. ^^

choke cough wheeze

2010-07-22T16:13:00.001-07:00

omg... o.o my last post was THAT LONG AGO... -_-'

okay...to celebrate my return to blogging...(i think) i shall post a caption photo hahahaha~

On second thought... I might just move to tumblr... Still thinking about it...Yea i probably will.

I'll post the new blog address here once I'm done setting up my tumblr.

It's so much easier to blog there anyway... :P IMHO...

WD2 - Enhancement Stage 2

2009-06-16T09:14:00.000-07:00

As usual, you can go on ahead and click on the images to view the larger version.
What I've done is added a few more elements into the web page.
Still a few more changes that need to be done on the layout.
Stay tune for the change soon.

WD2 - Screenshot of Home Page

2009-06-13T11:56:00.000-07:00

I'm still working on space for nav buttons. T.T Thinking of redesigning ...o.o'

Project Concept Proposal Part 1, Moodboard, Sitemap

2009-05-25T13:38:00.000-07:00

Project Definition

The purpose of this project is to study justlife’s current website at www.justlifeshop.com, study its target audience and enhance their existing website’s interface. A proposal for a better site navigation is allowed. The task has to be completed in 7 weeks with a fully functional commercial website with no less than 8 HTML pages that shows at least 3 levels of content structure. The logo and identity of justlife are not to be altered in anyway. Repositioning of the brand is not permitted as well.

Current Site’s Analysis Goals

justlife’s website is catered to two language markets; English, being the primary market and Chinese, the secondary market. This website promotes organic products that are not only healthy but are also environment friendly. In addition, the website promotes an organic lifestyle with recipes that are healthy as well as events that will educate the public on how to lead a chemical-free lifestyle.

The web site could probably improve by separating into an English language section and a Chinese language section. This would benefit the Chinese reading users when they visit the website especially when they visit the ‘Brands’ page since that page in entirely in English and not bilingual like the ‘Recipe’ page. The ‘Products’ section could also be enhanced by arranging the products into categories that can expand into another section to provide users with more information on the products of their interest. Also, rather than waiting for an event to happen to educate the public on living an organic lifestyle, small information boxes around the website that provides information on healthy living and environmental messages would make the site more informative. The ‘Shops’ and ‘Contact’ section could merge into one section for easy navigation for the users.

Also, the banners on the website could be repaired. This is because when users hover their mouse cursor over the banner, the cursor would change into a hand cursor indicating that the banner can be clicked and will lead the users to another page, but in fact the current page that they are on will only be refreshed.

Client’s Analysis

“Our retail concept goes beyond just selling organic products. justlife reflects our passion for a career that inspires the love for nature and respect for life.”
Quoted from justlife’s website.

justlife is the first approved organic retail franchise by Ministry of Entrepreneur ad Co-operative since February in 2005. It is founded and under the management of justlife group sdn bhd. justlife’s first organic shop started in 1999. Today, justlife is a name that stands for distinctive quality and inspiration for sustainable health. Each day, the numbers of justlife supporters are increasing rapidly.

justlife’s mission is to provide high quality organic products to the public at affordable prices and at the same time, protecting the planet for future generations by educating the public now to preserve their soil and environment. This can be seen when a customer goes into a justlife store, they are not encouraged to use plastics bags to carry their purchased goods, and instead they are advised to use a reusable cloth bag or carry.

Short and Long-term Site Goals

By giving detailed information on products, this would give confidence to potential customers because they would know what they are purchasing. And if the customers are satisfied with their purchase, they would come back again to purchase more items. At the same time, satisfied customers would promote this site to friends and family members. This would help generate more profits for justlife shops.

By providing and updating tips on how to preserve the soil and environment on the website, users will come back to the website for more information on how they can lead better lives and at the same time change the world for a better place. The users would also share the website with friends by word-of-mouth.

The website’s goal is to create brand loyalty by providing regular updates on environmental-friendly tips and events as well as product information.

Target Audience

The target audience for the website would be young adults from ages 17 to 29, followed by adults aged 30 to 55, who are the secondary target audience.

These would be people who are concerned about their health and environment and want to do something to make the planet a better place to live. These poeple would most likely be looking for organic products and/or tips to change their lifestlyes to a healthier one.

Competitors Analysis

Primary: Country Farm
Secondary: General Nutrition Centers, Inc.(GNC)
Tertiary: McDonald’s, Kentucky Fried Chicken(KFC), Pizza Hut, Nando’s.

Moodboard & Sitemap

Click on images to view larger.

Web Design 2 - Redesign Commercial Website

2009-05-17T12:07:00.000-07:00

Client: justlife (click here to proceed to their website)

justlife is a local business that started in 1999 selling organic goods to the public. They have branches in Selangor, Kuala Lumpur, Penang, Negeri Sembilan and Malacca.

Below are screenshots of four selected pages from the client's website. (CLICK ON THUMBS TO ENLARGE IMAGE)

-Home page-

-About page-

-Products page-

-Contact page-

Below are the client's four competitors. All of the competitors are local companies.

-Country Farm-

Pros:

1. Although it has a boxy navigation, I like the simple design and the treaments applied to this
website.

- Gradient background and reflection at bottom of page does not make the site feel flat and
boring.
2. Colours used makes this site feels fresh. This is very fitting because this site is all about selling
fresh, healthy organic food and products that are evvironmantally friendly.
3. There is consistency in layout, colours, and treatment on every page.

Cons:
1. In the "Products" page, the navigation to the left is too long and many of the clickable links
lead to an empty page and is unnecasseary and is confusing.

-Green Image-

Pros:
1. Easy Navigation
2. I like the fresh colours that they use.

Cons:
1. Although the simple is neat and clean, it's feel very much like a medical website rather than something that fresh and lively/active.

-Matahari Organic-

Pros:
1. Has flash, so the site does not feel too static
2. Their "Products" page is neatly organised and additional info like the price of the item and ingredients of the item are given. Very useful for visitors who want to what they are paying for. ;)
3. Easy navigation
4. The contact us page not only has the address and the phone numbers of the site, there is also a section where site visitors can input their name and email address and send a short message to the company.

Cons:
1. Although they have a neat "products" page, I do not see the need to have it repeated on the left side of the page.
2. The design of the page looks plain and dull.

-Radiant Code-

Pros:
1. Has flash, so the site does not feel too static.
2. Products information is stated clearly. This would help buyers decide which product would suit their needs.

Cons:
1. Their products are listed too long
2. No index.html page
3. The flash does not stop and provide info when I hover my mouse over it. So if you wants to know what were the produts that were displayed in the flash, you'll have to play the guessing game by going through the whole list of products on the left nav bar
4. The design on the top of the page feels cheap and crowded.

-Beautiful Commercial Websites-

1. Beautiful art direction. Very fantasy like.
2. Voice over made the site feel more fantasy

Alpine Meadows

1.The images are rough and textured. It suits the website because it is promoting a ski lodge.
2. The treatments are taken into details and be seen in their contact page; their buttons are not flat because a white border and drop shadow have been added.

Coke

1. This is similar to the hp website above. It has a fantasy art direction and has many fun interactions and games.

-Nespresso-

1. This website is very slick and even the music makes this site's atmosphere feel even more slick and laid back.
2. The transition from one section to the other is very smooth.
3. Although it's slick this website too feels dreamy because of the low-lighting used.

-HTML/CSS/Javascript Tuts-

http://www.noupe.com/category/tutorial
http://www.domedia.org/oveklykken/articles.php
http://www.webmonkey.com/tutorial
http://www.ndesign-studio.com/resources/links/
http://www.javascriptkit.com/javatutors/
http://www.echoecho.com/javascript.htm

-Design Tuts-

http://abduzeedo.com/tutorials
http://vandelaydesign.com/blog/
http://www.myinkblog.com/category/tutorials/
http://www.pixel2life.com/

a stop motion love story

2009-05-16T13:29:00.000-07:00

iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!
iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!iLOVEstopmotion!

Is that obvious enough? hahaha!

By carlos lascano
music by sigur ros (love!muahahaha XD)

sit back and relax...

A SHORT LOVE STORY IN STOP MOTION from Carlos Lascano on Vimeo.

Your feedbacks please. ^^

2009-03-24T20:14:00.000-07:00

Hello all.

Here I am again with another update. This time I'm in need of your assistance.
Based on the screenshots below, could you leave your feeback to this short survey in my comment section please? (Not in my tag board yea)

Questions:
1. Does the enter page look interesting to you?
2. Is the information easy to read?
3. What say you about the colour mood of the design?
4. Does the typography/fonts suit the site?
4. Would you come back to visit this site often if it gives monthly/weekly updates?
5. Do you feel it's fun to explore the site?
6. Is navigation easy for you?
7. Is the language used easy for you to understand?

Thanks in advance for your time and feeback. Much appreaciated. Real site shud be up and running soon for you to play around with .^^

Creamy Corner's Enter Page

Creamy Corner's Home Page

Creamy Corner's About Page

Creamy Corner's Recipe Page 1

Creamy Corner's Recipe Page 2

Creamy Corner's Gallery Page

Creamy Corner's Contact Page

Just a quick update

2009-03-19T11:39:00.000-07:00

hello~

My finalized website layout~ yay!! muahahaha actually, it's been finalized for weeks now. Hehe. So here's a preview of my Creamy Corner website, and as usual, click on the image to have a larger view yea? ^^ Will post the link to the working website when I'm done dreamweaving it. So stay tune folks!

Creamy Corner's Enter Page

Creamy Corner's Home Page

Creamy Corner's About Page

Creamy Corner's Recipe Page 1

Creamy Corner's Recipe Page 2

Creamy Corner's Gallery Page

Creamy Corner's Contact Page

Typography for Digital Media (TDM)

2009-02-12T07:36:00.000-08:00

For my TDM class, we were required to redesign a brochure that was chosen by our lecturer.

Here's the original:

Front

Inside

And here's the redesigned version of it:

Front.a

Front.b

Inside

2009-02-11T00:04:00.000-08:00

First four digital output for my new interface. ^^ However, there are still some changes that i need to do...

WDM - logo~

2009-02-10T11:53:00.000-08:00

CLICK ON IMAGE... ^^

keekee~ *hearts* I really like logo designing....This is super fun~! ^^ Here I'm experimenting with the different typeface and also the different colour of the wallpaper in the circle. Please do comment ya~ ^^ If you prefer my other logos in my sketch (earlier post), please do tell me as well. I might redo my logo if i have the time. XD Thanks~

WDM - Recipe Page

2009-02-09T09:28:00.000-08:00

CLICK ON IMAGE TO ENLARGE

These here are my sketches for the recipe page of my tutorial website. ^^

WDM - Idea 2

2009-02-09T04:22:00.000-08:00

CLICK ON IMAGE

The mind map above was dine to come up with a new name for the bakery like interface. The outcome? "Creamy Corner". ^^ Sounds good? What's your take?

The 2 sketches above are my proposed logos for the website as well as how the enter page would look like. ^^

WDM - Idea Update

2009-02-04T09:04:00.000-08:00

So...yea... ^^

After today's critic session, there's been a slight change of interface design. No more kitchen table top for me. Goodbye me lovely kitchen... Instead, a bakery cafe like thing is the way to go~ Heehee... Stay tuned for new sketches...*Insert dramatic ending song*

WDM - First digitalpage

2009-02-03T16:29:00.000-08:00

CLICK TO ENLARGE IMAGE.

Hello people. Here's a rough look of how my main page. I know, it's kinda plain kan? T.T This is still in its experimental stage. Trying to get the perspective right. T.T

WDM - Production Photos 1

2009-02-03T12:11:00.000-08:00

CLICK ON IMAGES TO VIEW LARGER.

These are just some of my production photos for the first cake. More to come~!

WDM-"How to make...?" Sketches

2009-01-26T04:01:00.000-08:00

CLICK FOR LARGER VIEW. Thank You.

The above are my proposed sketches of how I would like the interface of my "How to make...?" project would look like. ^^~ Comments are welcomed. Thanks!

"How to make...?" Moodboard~

2009-01-20T15:11:00.000-08:00

Here's my mood board for my Web Design project. ^^ The idea is to have a step-by-step instruction illustrated guide on a fridge door instead of the normal, text only guide that is shown on most websites.

Web Design 1 - Research (Design Websites)

2009-01-14T10:53:00.000-08:00

These are screenshots from websites that I feel are interesting from their simplicity of they layout to the way the viewer interacts with the content.

*CLICK ON IMAGE FOR LARGER VIEW

Colin Freelance:

Snowdin:

TheSeen:

Q1 Samsung:

Zandar The Great:

Web Design 1 - Research (Tutorial Websites)

2009-01-14T04:43:00.000-08:00

*Sweeps dust away* There, much cleaner now. HAHA! On with the updates! XD

Project - How to make...?

For Web Design 1(WDM1), our first home assignment was to take screenshots of 4 tutorial websites and 4 beautifully/interesting designed websites. In this entry I will be posting screenshots of tutorial websites only. I chose to study cooking & baking websites because I will be doing cookies or cake slices for my project and would like to see the different ways of others design baking websites. The screenshots below would show the different layouts for Recipe Index, Extra Information (Eg.Nutrition facts), Illustrated Step-by-step guides, and angles of taking photo shots of finished product.

Below are links to the baking/cooking websites: Baking Bites, Smitten Kitchen, 101 Cookbooks, Bake or Break, Cooking.com and The Accidental Scientist:Science Of Cooking.

*CLICK ON IMAGES FOR LARGER VIEW

Baking Bites:

Smitten Kitchen:

101 Cookbooks:

Bake Or Break:

Cooking.com:

The Accidental Scientist:Science of Cooking:

Blog updates...yay?

2008-11-12T22:29:00.000-08:00

Tiring week....(Nothing new there.)

Sigh -_-' Anyway, I'm just going to give a quick update.

Below are the finalized Interface design for Design Method 1 - Project 2 (Visual Communication)

Enter Page

Profile Page

Portfolio Page

Contact Page

Weee...and below is my finished flash for Digital Media 1 - Save the Planet.
Credits to SoundDogs for music as well as sound effect and Alias for music as well.

The quality uploaded is terrible, so please bear with it. Thanks.

Over and out
-ruzy-

Profile Page of OrkidFa

2008-10-29T08:35:00.000-07:00

Here come's the Profile pages. XD

To Glow or Not To Glow Sasuke? That is the question. XD Which do you prefer?
Does it feel like you're reading an online manga? Any feedback you have on the navigation style? the Readibility? The text flow? Much thank yous again for helping me out here people. XD

Over and out
-ruzy-

ACK! Choke Choke breathe

2008-10-27T12:39:00.000-07:00

Thousands of apologies for not keeping this blog up to date like the other one. (Don't give me that 'no-hope' look. -_-' I know I'm guilty of not updating the other one as well la.)

Anyway, time to get rid of the dust bunnies, kan? XD

So, here I present to you...*Dusty drumroll* ORKIDFA! but NOT in the flesh! kekeke.

OrkidFa is created to represent the likes and characteristics of my client, Oh Keat Cher. By client, we mean a classmate la. The required art style? SIMPLICITY.

I chose to work with mainly 3 colours for the website; blue, black and white. It's the client's prefered colour as well as the colour of her favourite manga/anime character when he was first introduced into the series. Character: Uchiha Sasuke. The website was designed to look like an online manga.

Now, this is where I ask for you help. Please give comments, suggestions or feedbacks on the layout, typography, or ANYTHING at all regarding my design of the 'website'. Yeaps, it's suppose to be a website. One main page and 3 browsing pages. However, I will only be showing the main page for now. Okay? Much thank yous. *PS: Leave your comments at the comment section and NOT the tagboard yea?*

The difference between the images below is the image on the TOP has the layout on the enter page arranged higher compared to the one on the BOTTOM, which has a more centerised arrangement.

Rights, now for the typography. Which typeface do you prefer as the page TITLE? Do you think the typeface used as the links (profile, portfolio. contact) is suitable for the website? Does the typeface have a Japanese feel to it? (?_?)

Loading pages.. muahahahah

2008-07-13T07:48:00.000-07:00

Please leave your comments at the comment section. NOT the chatbox? Thanks people.

Project 2: Interface Design

2008-07-12T17:22:00.000-07:00

No. It's not the finalised one. No, the character of my story does not look dat way, still in progress. ^^ Thought of posting up something before tomorrow. Sigh, going for a walk now. The whole designing your own interface thing is fun and all, but its makes me very irritated when I don't get the effect I want. Dang ink. Oh and best of all the other day, I lost half my work. So its was back to 10% all over again. Damn technology. Yes, I did save my work, but it was no where to be found. Oh well, shit happens anyway.

-ruzy-

Final Design for Icons And Wallpaper

2008-06-13T08:43:00.000-07:00

Greetings humans. Final icon design uploaded. Like, finally, right? XD It's been a week or two after the presentation. hahaha. I'm not a very enthusiastic blogger la. Anyway, I'd like to say a million thanks to all of those who have assisted me in my user-testing. (verbal ones, blog comment ones, MSN ones, etc.) Alrights, so below are my finals icon designs and wallpaper designs.

Vector Icons

Phone book/Contacts

Camera

Ringtone

Settings

Wap

Pixel Icons

Clock Wise from top left: Settings, Camera, Contacts, Wap & Ringtone

Wallpapers

At The Circus Market

2008-06-09T09:04:00.000-07:00

Welcome one and all to the circus market! *Insert circus music* Haha.

First of all I'd like to say thank you for visiting my blog.

As I've mentioned in my previous post, we've been given the task to create 5 mobile icons and wallpapers based on the theme 'fantasy'. Now before we are able to finalize our designs, we are required to user-test/test drive/pre-test our icons. (and maybe wallpaper too)

Having said that, I present to you, my icons!!! *bows*

(This is so dang fugly. I'm still in the process of redesigning it. Total makeover/plastic surgery.)

(There're two icons here but they resemble the same function and same vegetable/fruit. Which do you prefer? Left or right? Oh and I'm still experimenting with the shading/lighting and gradient.)

Q1) What do you think the icons best represent?
Q2) Were the icons easily recognizable?
Q3) What do you like most for each icons?
Q4) What do you have to say regarding the colours used for the icons?
Q5) What would be your suggestion for improvement?

Please leave your comments at the 'COMMENT' section. Not the tagboard ya? Thanks so much for your time people.

I'll be posting up my mobile wallpaper soon.

-ruzy-

Mobile icons and wallpaper.

2008-06-08T15:44:00.000-07:00

The idea was to create mobile icons and a wallpaper based on the given theme: fantasy. So things like faeries, dragons and ghosts immediately came to mind. Haha...

Fantasy Dancer by mjranum

Fantasy by SnowSkadi

Pepper Fantasy by sayda

However after doing the mind map, I wanted to base my icons on 2 ideas : hungry icon eating animals (particularly a certain bunny) or a zombified teddy bear.

(more to come once I install my scanner >.<)

Those sketches were done weeks ago, although I feel as though its been months. Sigh...
Anyway, the real thing is FAR, far far far (it's so far you wouldn't believe its that far) from how I initially wanted my icons to look like. Preview:

I do not remember what happened to my bunny... *sniff* Rest in peace icon eating bunny

ART BLOCK EVAIL BUNNY by BloodyKillOokami

I'll miss you.... *bites bunny* nyum nuym nuym....

The final icons are still under progress though. Many changes still needs to be done. Sigh. It's been tiring but fun none the less. ope it all works out in the end. I'm running out of time and my eyes are starting to juling. >.<

-ruzy-

*All refs used belong to various dA artists.*

Colourful World

2008-06-07T03:58:00.000-07:00

Voila! 10 colourful homemade templates. XD *bows*

Fire Dragon

Flower in the storm

Free me

Little dark girl

Morning

Poison Ivy

Quiet Day

Antique Sky

Dreams

Forgotten

Behold! Icon F! bling bling

2008-05-25T21:13:00.000-07:00

So glassy... So shiny... So pwetty... Sigh, gotta love icons. XD *hearts*

This shiny lil fella was finished in class. Lesson of the day: How to design your own icon. Lol.

Soon... a bunny in a rubber duck suit icon. Muahahahaha~ >.<

Hey there, buddy...

2008-05-21T05:30:00.000-07:00

Everyone, meet Loong Cheong. (I think I spelled it right, please correct me if I'm wrong) He's my buddy icon! XD Done in class as a class assignment. Duh...

Anyway, more to come...sooon. I hope.

-ruzy-

Assignment 1

2008-05-15T18:37:00.000-07:00

"Post your research on your blog," she said.

First thought I had: 'Cool!'

Second thought: 'Crap. I rarely update my other blog(which is now collecting cyber dust n creepy crawlies now) and I'm suppose to have weekly updates on this one?'

Third: 'Fantasy fantasy fantasy.....lollipops taking over the world? Can that be an icon? hmmm.'

Fourth: 'When's lunch? What's for lunch? Where to lunch? I want my lunch.'

Fifth: 'How bout having a bunny in a duck costume be one of my icons?'