[website] Portfolio layout

December 20, 2009

My design for the new html portfolio (which is to be coded within this month)

Main Page

Pop-up page

So happy to have this lovely layout :D

*And I don’t know if it is because of the season, but these days I’m gaining weight so fast T..T agrrr

My recent project, designing logo, poster, banner, flyer, ad for this US-based travel company in Ho Chi Minh city, Vietnam.

VVA_logo_BWLogo (Black and white background versions)

Untitled-2Advertisment on The Word Magazine

flyerHand-in flyer

VVA_poster_SIGN_WALK_preview_2sidesWalk in Sign (0.6 x 1.6 m)

VVA_table_sign_outlineTable sign

Interesting project ! Got chances to know more about vespa and another way of travelling Vietnam^^

They have their website with specific information about their tours here, incase you are interested, though the website is pretty old and not designed by me :)

Nice day guys~

This is a part of the group project building smart shopping cart for a supermarket chain in town called Co.opMart.

My responsibility is to design the device interface. I have never worked this hard before in designing something I have little interest for (device? it sound too technical for me, and I don’t like things technically complicated :D ). This is also the first time I do this type of design, tasks are to make the interface look professional and belivable, but still friendly. The logo of Co.op Mart is put at top left, the color of the device should go well with the logo also.

After 3 day working solidly these are the results , hope that they please your eyes and you may find them interesting to shop around the supermarket with a smart device :) ).

Some descriptions about this device:

+It’s touch-screen device. It’s placed in every cart in our supermarket.

+You need a membership card (which can obtain easily by signing up with the nearest Co.op Mart) to power on the device.

+A welcome page will appear asking which language you want to use.

+Information page hold all information related to Co.op Mart, promotion deals, new products..

+Search for and choose the product you want to buy, information and location of that product will be displayed on product pages.

+You after that can go to the place the device has shown you (on the map) to pick up the product.

+Add product to cart by using barcode reader placed at the right of the device, after the barcode is entered to the device automatically when you pass the barcode corner of the product through the cart reader, a screen will appear asking you the quantity you want to purchase.

+The products will be added to your cart with price of each kind. My cart function allowed you to review all of them with total price. You can always edit your cart by clicking “del” to delete one and pass the product through barcode reader to add one .

Explore more at these screen shots :D

Welcome page

finalpage1

Information page

part 1

part 2

part 3

Product page

part 1

part 2

part 3

Map

map image link

Search product function

Search page

Search result example1

Search result example2

My cart page

My cart page

Add to Cart function ( appear when user add a product through barcode reader)

Add to cart page

Exit page

finalpage6

——————————————-

*The right hand blank places* in many screen shots are for the final work where we will put changing .gif banner (which are done by another member in our team – Viet) on it ^^ , an example here:

finalpage52

finalpage1

————————————————

The device and its location in the cart has also been designed by another member in our team (Quynh) , these are Co.op Mart smart cart device example

cart-copy

device-copy
view-copy

Though some people complain about the color of my interface, I’m still satisfied with it now ^^

Woohoo after three day without sleeping (m lying, :) ) – I did sleep, but only 4-5hour per day), now I can have a full happy no worry sleep and prepare to  face up with the next assignment due on this 22nd T..T Xmas would be so much fun this year~

Hope I can get a good sleep now ^^() ..

Linh Linh 2008.