Inui-S

Back to the Past

noreply@blogger.com (inui-S) — Thu, 16 Jun 2011 05:39:00 +0000

I'd been to Muzium Negara more than 3-4 times in my life. After so long, the only thing I saw improvement are they actually change the entrance from front to back. As what I remembered, last time when I enter from the front entrance, those item that exhibited are too bored for me. I'm amazed by the current way of exhibit. They even have a tangible interface only at the entrance, which is too less for public to experience.

Those sculpture that attracted me are obviously those weird and special for me.

Batu Megalit / Megalithic Stone

• A replica of Megalith that attracts me which is known to locals as Living Stone.

This particular megalith is called Batu Kemudi Megalit, found in Negeri Sembilan.

Moyang Harimau Berantai / Chained Tiger

• Chained Tiger sculpture, one of the most popular carvings among the Mah Meri tribe (known as “people of the forest”).

Web Design II (L02 Wire frame)

noreply@blogger.com (inui-S) — Tue, 18 Jan 2011 19:30:00 +0000

Home page

Product page

Web Design II (L02 Strategic Brief)

noreply@blogger.com (inui-S) — Tue, 18 Jan 2011 17:39:00 +0000

Project Definition

• The project is to redesign a commercial website.

• To redesign Goodday's website.

• To improve the interface design and better site navigation.

Current Site’s Analysis Goals

• This site should give more time to user to experience the site by its navigations

• The Product overview and Company background should be improve.

• More banners to attract audience (Such as current events).

• Get more sales via online.

Client’s Analysis

• A group specialised in the manufacturing and distribution of fresh milk, dairy products and health beverages in Malaysia.

• Mission - Is to be consumers' preferred choice for dairy products and health beverages in Malaysia.

• USP - Goodday, Daily Fresh and Mr. Farmer, all which had become trusted household brand in Malaysia.

Short & Long-term Site Goals

• Long term - This site and company must get trusted and recognize by other parts of the region as one of the best product.

• Short term - Should improve user experience of this site through products and nutritions as interesting as possible and tidy arrange.

Target Audience

• Family (Mainly married family)

• Supplier

Competitor Analysis

• Tidy (There's focus point)

• Good Hierarchy of typo.

• Good navigation throughout the site.

• Interesting Interface + Animations.

Idea & Concept Implementation

• The redesign site, I will make it more user-experience site.

• Layout - By exploring the farm and understand the environment of it.

- Will make it more space to breath in the site itself.

• Color - I will use mostly milky color.

• Design - Illustrated with vector and added some photoshop brush effects.

Web Design II (L01 MoodBoard)

noreply@blogger.com (inui-S) — Wed, 12 Jan 2011 08:00:00 +0000

Web Design II (L01 Beautiful/ Useful Commercial Website)

noreply@blogger.com (inui-S) — Mon, 10 Jan 2011 04:12:00 +0000

Beautiful & Useful Commercial Website

http://music.natgeochannel.co.uk/

http://thelxd.com/

http://www.kiehls.com/

http://en-my.havaianas.com/en-my

http://www.elansnowboards.com/en/

http://www.factoriabiz.com/

http://cozciebiewyrosnie.pl/

Web Design II (L01 HTML/Java libraries + PSD tutorial)

noreply@blogger.com (inui-S) — Mon, 10 Jan 2011 02:11:00 +0000

PSD Tutorial

Business layout

http://www.hv-designs.co.uk/2008/09/28/business-layout-2/

http://www.talk-mania.com/web-layouts/43737-design-studio-layout-wordpress-layout.html

HTML/ Javascript libraries

Simple Toggle with CSS & jQuery

http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/

jQuery Fade in, Fade out

http://www.hv-designs.co.uk/2009/01/19/jquery-fade-infade-out/

Smooth animated menu with jQuery

http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/

Bumpbox instead of Lightbox

http://www.artviper.net/website-tools/bumpbox-lightbox.php

Sexy curl with jQuery

http://elliottkember.com/sexy_curls.html

Web Design II (L01 Gantt Chart + Sitemap + Client's Site + Competitors' Site)

noreply@blogger.com (inui-S) — Fri, 07 Jan 2011 17:47:00 +0000

Gantt Chart

Sitemap

Client's Website Analysis

http://www.goodday.com.my/

• This site's colour is more to a static gradient color.

• Doesn't look attractive enough to attract user.

• Looks more like a formal site just for the sack of having a site.

• Doesn't interact with audience.

• This will make the audience to click the "x" close button right away.

Competitors Websites.

Nestle | https://www.nestle.com.my/

• This site looks not bad.

• The colors combination were good enough.

• Info not really long that could make people asleep.

• Button navigations do arrange in right manner.

• Good hierarchy.

Marigold | http://www.marigold.com.my/

• This site looks interesting because of the flash slide show.

• Really could interact with audience.

• Interesting color combinations.

• Good hierarchy.

• Interesting playing with type arrangement.

Fernleaf | http://www.fernleafinstitute.com/

• Good arrangement for the informations.

• Play with images rather than type.

• Images do attract audiences.

• Color just right.

Dutch Lady | http://www.dutchlady.com.my/

• Love his site really much.

• It really do attract various types of ages of audience

• Background in white color not too heavy.

• Arrangement of info do follow the hierarchy.

• Buttons navigation really interesting.

HTML Homepage

noreply@blogger.com (inui-S) — Thu, 21 Oct 2010 18:34:00 +0000

Before Enhancement.

After Enhancement.

Fly Me to the MOON.

noreply@blogger.com (inui-S) — Wed, 20 Oct 2010 15:53:00 +0000

Click HERE

for

"Fly Me to the MOON".

SiteMap

noreply@blogger.com (inui-S) — Fri, 08 Oct 2010 22:17:00 +0000

DGM2 1st Flash Click'in

noreply@blogger.com (inui-S) — Wed, 06 Oct 2010 11:17:00 +0000

INTRUCTIONS

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

1 | Click the birdy to start DRAG.

2 | Click the same birdy again at the word "HERE" to release the birdy.

*objective: move all birdy to above the cloud level.

Mood Board

noreply@blogger.com (inui-S) — Fri, 24 Sep 2010 14:38:00 +0000

How to.......?

noreply@blogger.com (inui-S) — Thu, 16 Sep 2010 15:14:00 +0000

how to

OVERCOME SHYNESS & MAKE FRIENDS

1 | WHO AM I - Author.

2 | WHAT IS IT - No fear of making new friends.

3 | WHAT FOR - Lack of friends.

4 | 1st task - Simply smile and nod when you cross eyes with somebody.

5 | 2nd task - Practice starting conversations without feeling too pressured or self-conscious.

6 | 3rd task - Return to the same place or activity regularly. If you don't feel comfortable talking to strangers, chances are you won't share much the first time you meet. Go back for a second or third visit and look for the same people you've seen there before. Friendships are built over time, so you'll need to work at connecting with others.

7 | OUTCOME - Gain Trust.

8 | SHOWCASE -

how to

PACK A SUITCASE

1 | WHO AM I - Traveler.

2 | WHAT IS IT - Packing a suitcase in a strategic way.

3 | WHAT FOR - Utilize all luggage space efficiently.

4 | 1st task - Roll all Attire into cylinder.

5 | 2nd task - Pack toiletries into a protected mini bag, in case of leaking.

6 | 3rd task - Leave some space for souvenir.

7 | OUTCOME - Happy travel without thinking about the space left in luggage.

8 | SHOWCASE -

How to

IMPROVE COMMUNICATION &

PRESENTATION SKILLS

1 | WHO AM I - Speaker.

2 | WHAT IS IT - Enhance charisma skill.

3 | WHAT FOR - Can't present well in front of public.

4 | 1st task - Set a goal

5 | 2nd task - Know your Audience

6 | 3rd task - Outline your subject

7 | OUTCOME - Needed from others/clients

8 | SHOWCASE -

Interesting Sites

noreply@blogger.com (inui-S) — Thu, 16 Sep 2010 14:22:00 +0000

Photoshop Tutorial

noreply@blogger.com (inui-S) — Thu, 16 Sep 2010 13:52:00 +0000

Design a Realistic 3D Baseball Cap

Design a Vintage Radio

Create Abstract Cloud Jumper

Vector Tutorial

noreply@blogger.com (inui-S) — Thu, 16 Sep 2010 13:40:00 +0000

Create Crystal Explosion in 10 Minutes

Create a Detailed Vector Sugar Skull Illustration

Create a Gothic Blackletter Typographic Design

Half Sem down.. another Half to go..!!!

noreply@blogger.com (inui-S) — Sat, 10 Jul 2010 08:35:00 +0000

credit to lili

Anyway, It has been time since my last post... so much DUST *blow blow

One of the thing happen when the beginning of this semester is that I won Country Prize Award for International Football Design Competition that organized by NewWebPick in conjunction of World

Cup 2010.

*** FIY : I'm not football fans lol

anrien = Is my name as a designer

Images from the exhibition at City Plaza Mall, Tai Koo Sing, Hong Kong (below)

Silent Auction to all Football.

Those money will be donated to Qing Hai Earthquake

(below)

The Star Newspaper, Education, Sunday 20th June 2010

memorial date

(because is Fathers' day)

My grandpa was happy ^ ^

GleeKL Flash Mob Advert is on Astro 711 Star World

noreply@blogger.com (inui-S) — Tue, 11 May 2010 16:31:00 +0000

Below is 4 mins Ad

I'm on (2:25-2:28) | (3:37-3:8) | ( 3:55-4:00 at bottom left sitting)

Below is 60 seconds Ad

I'm in the last 5 seconds again wuhu..!!

Watch GleeKL Flash Mob on Star World Astro 711

noreply@blogger.com (inui-S) — Mon, 10 May 2010 06:03:00 +0000

Photo : credit to those who posted it ( I just share it )

I'm there at the first row

" being superstar "

~ so many photographer & media there "

GleeKL Flash Mob At The Gardens Mall

noreply@blogger.com (inui-S) — Sun, 09 May 2010 02:55:00 +0000

For the first time I participated in Malaysia's Flash Mob,

and obviously this is not the first flash mob in Malaysia,

the first one was Maxis Iphone launching at KLCC.

It was fun and worth goin.

Met a lot new Friends there.

Date : 08.05.10

Venue : The Gardens

( taken the whole ground floor, 1st Floor, & 2nd Floor )

(I'm on the left bottom)

Even Marina Mahathir and her son danced with us too.

she said "hey,pls hold my handbag" and there she goes,

she started to dance. lol

(after this baby closed his eyes with hand, he shouted "GLEE")

Watch GleeKL flash mob on Star World

( above : Farah , Niki Cheong [Project Alpha top blogger], Miss J )

( below : this is a glance of how the whole flash goes at The Gardens )

[ Me & my friend were there on the 1st floor left with bags, spotted us?? ]

credit : NikiCheong

GLEEKS

Click " Play " on the video below

to have the Sneak Peek on GleeKL Flash Mob

Before and After

noreply@blogger.com (inui-S) — Sun, 21 Feb 2010 16:29:00 +0000

before

after

before

after

Spring Collection & Winter Collection

noreply@blogger.com (inui-S) — Thu, 18 Feb 2010 08:14:00 +0000

Spring Collection was Sook Chiong's Edition
Winter Collection was mine.

Flowchart Answer

noreply@blogger.com (inui-S) — Thu, 28 Jan 2010 07:33:00 +0000

Q1 : Why Do I want to use flowchart in my mobile interface design & screen interface design ?

A1: In my opinion, flowchart is the best way to solve a problem. Every causes do have their own answer in (yes&no) / (agree&disagree) / (many more). So, from there we can actually know our weakness and stregthness. And from there we could make changes and enhance our mobile & screen interface design.

Q2 : How will it help my users to meet the interactive goals?

A2 : So, from the Flow Chart comment, from there I got various type of answer of either (yes/no). Flowchart actually helps me to make a conclusion from the complicated answer i received through a process of various steps before I made a conclusion. User actually love simple,fast and quick steps to get to their destination. Example : my user want to go to the "his picture" without going through all the " Menu,Files, and My Picture". By using Flowchart my user still won't get there faster although get the same END. Because there's a glitch, there's what the flowchart weakness.

User Testing

noreply@blogger.com (inui-S) — Tue, 26 Jan 2010 06:45:00 +0000

Above are my Final Outcome for my

Vector Mobile Icons

Pixel Mobile Icons.

_______________________________________

I'm doin survey here.

So, kindly give comment accordingly.

All your comment will be appreciated.

Thanks in advance.

Q0:

What's your Occupation ? (please state your major)

________________

Q1:

In your Opinion, what do you think the 6 icons represented ?

a Gallery, Message, Music

b Home, Contact, Music

c Home, Message, Gallery

d Others___________(pls state down)

Q2:

What do you think of the Color Scheme ?

a Very Satisfied

b Satisfied

c Not Satisfied

d Very Bad

Q3:

How hard for you to recognize those icons design ?

a Very Easy

b Easy

c Difficult

d Very Difficult

Q4:

In your opinion, What did you like (Most/Least) about the icons ?

___________________

Q5:

Expressing in your own way, Kindly give suggestion on how to improve the (Icons/ Design/ Color Scheme/ so on)

___________________

Q6:

Which Icons you love the most ?

(from left to right=1,2,3)

Q7:

The relevant comments.

a My Icons are too confusing.

b My Icons are not (striking/attractive) enough.

c My Icons do not suit any of the directory.

d Others_________(pls state down).

Kindly make the comment in the "comment" link if possible.

If not just drop it down on the chatbox.

THX

Here are my Final Outcome

noreply@blogger.com (inui-S) — Fri, 22 Jan 2010 09:17:00 +0000