How do you plan and design a website layout?
You can leave an optional "tip" with Mahalo's virtual currency, Mahalo Dollars. If you are asking a difficult question that might require some research, or if you'd like a wide variety of feedback, a higher tip often leads to more answers to your question.
M$4 Answers
Then, find someone with design sense. This can either be a friends WHO IS A DESIGNER (not just a friend who wants to help), or hire someone.
Thievery is alive and well on the web. Now, don't outright steal content and designs, but I suggest hitting the web to have a look at whats out there, noting what you like, and formulating an idea based on that. You're not limited to websites either. Don't be tacky about it, but you can get a lot of great ideas from the meatspace, like business cards, poster ads, etc. Some places to start for design inspiration are
http://csszengarden.com
http://webdesignledger.com/category/inspiration
http://www.webdesignerdepot.com/
http://www.webcreme.com/
http://sixrevisions.com/web_design/16_sites_web_design_inspiratio/
http://www.asiteaday.org/
Once you have an idea of what elements you want on your page, STOP THINKING ABOUT THE DESIGN.
WORK. ON. CONTENT. Seriously. A great, killer design means precisely squat without content to sustain it. Plan out content. Write some stuff. Hire a copywriter if you need to. Just don't try to design a container (website) for an unknown volume (content).
Now that that's out of the way, back to the design.
My advice is wireframing. You can do this in almost any graphics editor, or you can do it with construction paper and scissors. Your choice (the construction paper is more fin, though :) )
Some wireframing resources:
http://www.boagworld.com/usability/quick_and_dirty_wireframes/
http://www.sitepoint.com/article/wire-frame-your-site/
There should be a bunch of info in here about selecting/building a CMS, using frameworks, etc: but that's beyond the scope.
What should be said is to remember that there is a tool for every job.
CONTENT = HTML.
PRESENTATION = CSS.
BEHAVIOR = JAVASCRIPT.
*Inset web standards lecture here*
http://csszengarden.com
http://webdesignledger.com/category/inspiration
http://www.webdesignerdepot.com/
http://www.webcreme.com/
http://sixrevisions.com/web_design/16_sites_web_design_inspiratio/
http://www.asiteaday.org/
http://www.boagworld.com/usability/quick_and_dirty_wireframes/
http://www.sitepoint.com/article/wire-frame-your-site/
You can leave an optional "tip" with Mahalo's virtual currency, Mahalo Dollars. If you are asking a difficult question that might require some research, or if you'd like a wide variety of feedback, a higher tip often leads to more answers to your question.
M$- compare prices?
- compare features?
- find out about features and benefits?
- learn how to use your products and services more effectively?
- get support?
- check project status?
- buy things?
- find out where to buy things?
- communicate with your staff?
- evaluate your expertise?
Once you have a prioritized list of tasks and users, work out the type of site that can best matches those tasks - blogs, e-commerce, project, portfolio etc.
Depending on how standard or unique your site is you might want to get straight on with building something, or go through a couple of prototyping phases. Ideally involve end users in building and evaluating your prototypes.
Unless your site is a unique technical innovation, build it using some standard, robust systems or frameworks. If you have competent IT staff host it yourself. If you don't, run with a hosting service that updates and maintains your cms/blog or use a product/framework that has commercial support available. (Wordpress, Concrete5, Acquia Drupal).
At all times keep a focus on the end user whilst balancing aesthetic and functional designs.
You can leave an optional "tip" with Mahalo's virtual currency, Mahalo Dollars. If you are asking a difficult question that might require some research, or if you'd like a wide variety of feedback, a higher tip often leads to more answers to your question.
M$Personal experience.
You can leave an optional "tip" with Mahalo's virtual currency, Mahalo Dollars. If you are asking a difficult question that might require some research, or if you'd like a wide variety of feedback, a higher tip often leads to more answers to your question.
M$You can leave an optional "tip" with Mahalo's virtual currency, Mahalo Dollars. If you are asking a difficult question that might require some research, or if you'd like a wide variety of feedback, a higher tip often leads to more answers to your question.
M$
Great answer
Thanks a ton for the advice and good links. I probably should have explained what I'm doing and what I have in the original question...
I'm redesigning a company website which will basically just communicate the services we provide, testimonials/case studies, etc. - fairly basic stuff. I have most of the actually written content created. I plan to build the site using xhtml and css.
I'll read up on how to create a wireframe and piece one together once I've drawn inspiration from other well designed sites.
This is perhaps the best answer I've seen all day; one that holds true to every website I've yet designed. Good stuff. Personally, I work in flash, but the same design principles hold.