Web Design 2 [Prototype Web Layout]

theloaf.net [mainpage]

my initial layout for re-design website

seems like the overall mood are not the same

with my previous post moodboard.

will add more details and refinement to reach it

for typeface i still don't get the font that i want...

i should research more on the typeface

Web Design 2 [Moodboard & Revised SiteMap]

Moodboard for TheLoaf.net re-design website.

Revised Sitemap.

Web Design 2 [GanttChart & SiteMap]

This time our project require us to redesign a e-com website

Elaine and Roland are taking the same topic as well

which is www.theloaf.net

and here's my Ganttchart and Sitemap.

Web Design 2 [Inspired Commercial Website]

[1] www.chipotle.com

[2] www.doorstepdairy.com

[3] www.paddingtonpancakes.com

[4] www.dunkindonuts.com

Web Design 2 [Competitor Site]

[1] www.kings.com.my

[2] www.thebakerscottage.com.my

[3] www.dunkindonuts.com

[4] www.bigappledonuts.com

Web Design 2 [The Loaf]

The loaf.net

1. main page

2. about us

3. our creation

4. mini u-hu-hu

" How To... " - Progress 2

These are my map site and materials

Research and Development 2.0

still have lots more of photos to share

but kind a lazy to upload all the photos =)

" How To... "

The following content is a progress of my Web Design's final project

there's nothing personal.

Realistic: HOW TO BE A BETTER KISSER

Who am I - Author

What for - Understand the meaning of kissing

- Practice

• First thing you need to do is not feel silly!
• The Practice *5 steps
• Setting

- How to Kiss

• Dealing with nerves
• The Kiss *11 steps to warm the situation
• French Kiss *16 steps

- How to read the Sign

• 8 bad responses
• 8 good responses
• how to respond their reaction
• Things to remember
• Things to avoid

Outcome - Lovely Kisser

Showcase -

1. What is 'First Kiss' and 'First Kiss Ever'
2. Kissing Facts
3. Tips : Different places and ways to kiss / Different ways to hold them when kissing / Kissing games

CSS Websites

1. The Molitor:

http://www.themolitor.com/

2. DrewWohlberg Design:

http://www.drewwohlberg.com/

3. Monk Design:

http://www.patrickmonkel.nl/index.php

4. A Modern Eden:

http://www.amoderneden.com/

5. The Organic Supermarket:

http://www.organicsupermarket.ie/

All these are CSS websites

I found that I like this kind of designs !

Simple and lots of empty space which makes it look clean and tidy

all I know is spacing are important in those which has many

information to show on page.

I will go these kind of directions for my work :)

Tutorials for Web Design

I think this might help us for creating a website as a newbies.

feel free to go through them :D

1. How to create CSS pop-up navigations.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

Part1

http://hv-designs.co.uk/2010/04/23/learn-how-to-create-a-pop-up-style-css-navigation/

Part2

http://hv-designs.co.uk/2010/04/29/learn-how-to-creare-a-pop-up-css-navigation-pt-2/

_____________________________________________

2. How to create a cute and lovely web design layout.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

http://hv-designs.co.uk/2009/11/30/cloud9-web-design-layout/

_____________________________________________

3. How to create a simple and modern web design layout.

here's the preview of the outcome:

If you're interest on it, the tutorial will guide you all the way.

here's the link to go through:

http://designinstruct.com/web-design/create-a-clean-and-modern-web-design-in-photoshop/

_____________________________________________

17.05.10

It's been a while since the previous post.

This is my first post in 2010...

I got nothing much to say here

many things happened between this moment

For now...seems like I lost my motive doing anything

Don't know what I'm doing and what for...

I'm kinda LOST again...

need some time for me to get back on track

a.s.a.p

If not then I'll be dead by failing any subjects in this Semester.