upgrade...

Last week got a small presentation on our website re-design project....with a guest lecturer Wai Khong came in to give us his opinion on the design and all.....so for me i got a few suggestion on how to improve on my design.....which is...

- really need a box as a background?....or try on replacing it with an F&N logo shape...
- background image too messy...tone down a bit...
- content design boring...too common...nothing special...wasted xp
- menu on the right side is not a good idea...not really practical way in designing a website arrangement...
- soda can colour too dirty...make it lighter....
- main page typo is good....but must telling something...not just show design...

Ok...and than based on that suggestion i came up with this layout...

For main page...



About history page....



About vision page...



Brands Coca-Cola page...



News latest events page...



Business vending page...



Business vending equipment models page..


*pop-up page

Contact location page...



That's it...the 8 re-design pages for F&N website......will start on HTML coding soon...
comments?.....

...warewolf beware...bewarewolf 0.o?...

Photograph that i took at the middle of the night....showing full moon 0.0.....ok it just happen when i look out side the window..than saw this scenery.....than i took the picture........what was i said just now?...hhh, dunno...too sleepy and tired already to type down something....whatever i cant to say than i type.... *so random ^^"...

Ok, so here it is....enjoy =p



Edit the colour with photoshop cs3 camera raw and do a little bit tight cropping....

Ok...that's it for now...gonna do something else already...which is...secret...hehee =p

...
...
...
...
...
...
...
...
...
...
...

Actually just continue doing research for my web design project ^^....see ya later....

quickUpdate...

After a few rounds of critic sessions, I've come up with this layout as the home page...



Some of the change that i made from the previous version are: background colour more lighter and some other colour corrections, soda can design, company logo not hiding anymore (sir, really I'm not intended to hide it in the previous version... f(-__-"), main menu and sub menu move to above the fold with adding a little design on it to make it not look boring.....

Okay, that's it for now....will post another page as soon as possible...or some updates version....

Critic...or comments...anyone?.... 0.o

why's first colourful design... =D

Okay, i got a client...which is required me to re-design their current website...its about drink...yea its F&N Malaysia's website ^^....So before starting the design process i did some research about the competitors as you see in my previous blog and also their current website, list of products, and some other important stuff to look at...i found out this few key words: refreshing, energy, youth, lifestyle, colourful, fun, happy to start of with as my guide line....

Start of the design process with some sketches, roughly draft out the grid line and i come up with this final layout digital version...



Ok, that's not the final layout that i come up with until Mr.Chong commented on it...its too boxy, certain stuff dunno what they will do for the layout, no text, and the lack of concept behind....i admit that, because this is just the trail version, sir.. f(^^"...

So this is the first actual layout that i have...but still need to think about the tag line....hmmm...



Ahahahahhh...its so colourful! ^^...yea because that's one of the identity of this company....colourful....so, yea........................Actually its still not that colourful enough as what the first impression of the title of this post tell...

The colourful stuff based on the Coca-Cola's wave, representing the freshness it can bring to you and for the colour its the combination of the colour that you can found in their brands (Coca-Cola, F&N Fun Flavours, 100 Plus, Seasons, Fruit Tree)....the blank can represent the company, so all those brands (a.k.a colourful stuff) combine under one company, F&N Coca-Cola (M) Sdn Bhd. (a.k.a can)...And you may also noticed that the layout has a frame but suddenly on the left hand side the colourful stuff go out of the box...it actually did on purpose, which is...this products will give you more that what you expected from a beverage...it give you a "break free" kind of refreshing.......

double box.....

Not a very good overall website, because of the navigation...abit confusing at first time...but its using a nice typography arrangement....Its easy to read, and background also play an important role in leading our eyes to browse the page....

Screen shots example....

rata kiri...

This website for Studio Output is another example of a goo usage of typography...all the text are align to the left making it all looks constant....Beside that, they also highlight the important content or message, with the different size to the font and also the font weight...different colour...and or highlight it with some glow (for roll over fx)....making it clear with the hierarchy.....

Some example screen shots about the website....



For this page....white colour for the title and also header...blue for content..



Header still white, content orange....its because in different page level with the previous picture....and some glowing fx for the mouse roll over.......Hierarchy by using different font size....



Inside page (the real content...) even using different colour for the background...depends on the project itself.....

purely typography...

Website that only has text inside...purely typography.....This website - Matafuka - is an online portfolio for a design company...or someone?....to showcase their work online...more to the collection of link (port) to the work itself.....

This unique arrangement of text is really catch the eyes....because of the blank-pure-plain-white background...and took a large area some more...its kinda give some contrast to the content itself, which is only take a small part of the overall layout...

Some few screen shot showing the example of the website....



After the click, it will show the submenu...



Click again...and you will get the detail and link to the actual work...

keep simple...simple...

A website for a design company called Treibhaus Wien is using a simple typography arrangement but still can tell the information clearly and yes still looks interesting...One of the elements that catch my attention is the clever use of hierarchy.....

Screen shot for main page....

As you can see, the very left-end line is reserved only for a title...and than after that indent a bit inside (to the right) is for a main menu navigation, after that sub menu......and so on....And one more thing, for the header of each segments, they use a simple icon...which is this []...to give more attention for people to it, beside of the normally used method font weight aka bold....

.....29.....

hehee.....post number 29....nothing....its just about that NUMBER...29.....love this one.....29..... =)

executive summary......

F&N Coca-Cola (M) Sdn Bhd. is a company serving a daily life beverage, to fulfil a variety of need, from accompanying you hang-out with your friends, until those athlete who need an extra energy.....From those basic knowledge, i can take some few keywords to help me developing an idea for the new website....which is...refreshing, energy, youth, lifestyle, colourful, fun, happy...

5 different brands to suit 5 different situations......Coca-Cola, as everyone know, this brand is one of the most famous beverage in the world...the unique flavour give you the freshness inside......F&N Fun Flavours, best serve for your family gathering, offering 10 different flavours will satisfied all the family members...who have personally different favorite flavours......100 Plus, for you who are active in everyday life, replace essential electrolytes in your body and give an extra energy you lost on your activities.....Seasons, 11 different flavours that really close to the Asian people's daily life.....Fruit Tree, natural fruit drinks...

Handling 5 different brands in 1 company is not an easy task...Its more to how to combine the difference among the 5 brands, but yet still showing the uniqueness of each brands.......But not only that, the company profile should be the most priority here in the website...

Some of the stuff from their current website still remain, such as; about, business, contact us...and some others..which is i think not necessary important...are deleted, such as; corporate culture, press release and events (together combine in news section)......To make the overall content more solid and attractive, i also introduce some new sections, which is; news (reports and also upcoming events), entertainments (tv ads, download stuff, celebrity endorsements, games..), and FAQ (for people want to comments about the company, products, or website)....

Track back of what i said earlier, the design itself should mainly reflecting the refreshing feeling...because it can give some suggestion in time when you thirst to buy the products....That's one of the goal of doing this new website anyway: increase selling rates.....