Home

Web Design Articles & Tutorials

One of our goals at Scratchmedia is "Everyone's web site works". We're working towards a world where all web sites are pleasant, easy, and appealing to use.

Since 2004, Ben Hunt has been posting articles and tutorials on all aspects of web design and production, sharing his particular insights into what makes web sites work.

Web Design from Scratch is an invaluable resource for anyone interested in web design, visited by millions of people worldwide.

Browse the categories in the menu to find a host of information to help you make better web sites.

Latest

Me2solar E-commerce Site Designed by Scratchmedia (Aug 8 2010)
UK-based Web Designers Scratchmedia recently delivered this new e-commerce site for US/German Me2Solar, makers of innovative portable solar chargers
GuruShot – Scratchmedia’s Latest Web2.0 Application Design Project (Aug 8 2010)
Introducing GuruShot, a new Web2.0 web-based application. GuruShot is a wisdom sharing site designed and built by UK Web2.0 designers Scratchmedia.
Web Design Review of Philosophersnotes.com (Aug 8 2010)
Ben Hunt reviews one of his favourite web site designs of the moment, explains what works and why, and shows you how you can apply the techniques.
What is the Relationship Between Graphic Design and Web Design? (Aug 8 2010)
Explores the difference between design, graphic design, and web design. Argues that web design is a much broader discipline than graphic design.
Ben Hunt’s Web Design Newsletter, April 2010 (Apr 4 2010)
Ben Hunt's web design newsletter April 2010: Conversion Rate Optimization, 2 new Web2.0 projects, and a trip of a lifetime
How You Can Easily Boost Your Web Site’s Success Today. A Simple Step-by-Step Guide (Mar 3 2010)
How every web site owner can make their site more effective by applying the principles of simple web design explained in Ben Hunt's ebook
Case Study: Increasing conversion rate using Google Website Optimizer (Feb 2 2010)
A case study on increasing conversion rate with split testing using Google Website Optimizer
Order Your Copy of the Blogging for Business Pre-Release DVD (Jan 1 2010)
Order your pre-release copy of Ben Hunt and Mark Attwood's "Blogging for Business" seminar
The Simple Shall Inherit the World Wide Web (Jan 1 2010)
The case for simplicity in web design, with tips and guidance for designers
Conversion Rate Optimisation Case Study: Bible Timeline (Jan 1 2010)
How Scratchmedia's designers tripled one customer's web site's conversion rate
Ben’s New Year 2010 Newsletter (Dec 12 2009)
Ben Hunt's web design review of 2000-2009 and a look ahead to web design in the 2010s...
Web Design is Dead (Dec 12 2009)
Why the familiar creative-driven web design process fails, why combining creativity and testing works so much better, and how to do it successfully.
Complete List of HTML/xHTML Tags, With Guide to Proper Semantic Use (Nov 11 2009)
My Complete List of HTML/xHTML Tags, With Guide to their Proper Semantic Use
Semantic HTML Handbook – Benefits of Writing Semantic HTML (Nov 11 2009)
Free article on Semantic HTML. Why you should learn Semantic HTML. Benefits for SEO and code reuse explained.
A Few Tips and Tricks to Write Better Semantic HTML (Nov 11 2009)
Tips and tricks for writing better semantic HTML or xHTML from a professional web producer

Categories

Basics
Tutorials on all the basic skills for web site design and designing good usable web pages, through insight into the core thinking that supports the design of effective and usable web sites.
Design process
Looks at the discipline of web design, how to approach design as a job, and introduces some mental techniques for increasing enjoyment and success.
Graphic Design
Tutorials on the core visual graphic design skills for designing web pages that are easy to understand and easy to use.
Business of web design
This section provides guidelines from our experience of running web teams and our own agency, which we hope will help you be more successful and more fulfilled.
Goal-oriented design
Understanding goals is critical to creating successful web experiences. This section teaches simple techniques to help you discover your own goals and gain insight into what your target audience really wants.
Website architecture
Tips on organising your web site to be easy to browse.
Usability
A range of articles and case studies on the subject of making web sites easy to use.
Copy writing
Insight into writing compelling and successful copy for the web.
HTML / CSS
Introduction to the main technologies used to produce web pages.
JavaScript
A few tutorials on Javascript, the scripting language used to make most web pages interactive.
Resources
We recommend a range of resources to help you be a more effective designer or developer.
Blog
Ben Hunt's personal web design blog.

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

Most Popular Articles

Web 2.0 How-To Design Style Guide
Web design guide. Web 2.0 how-to design style elements explained. A guide to why web 2.0 design works, how and when to use each design element
Using CSS (Cascading Style Sheets)
Free tutorial on learning CSS for web design and development
The Social Future of Web2.0 / Web3.0
Ben Hunt casts an eye to the future of a more connected web, and predicts that Yahoo will be the dominant online brand for the next 5 years (LOL)
Introduction to Writing Copy for the Web
Writing for the web 101, guide to copywriting for online, writing techniques for the web
Current style in graphic design for the web
A summary of today's best practice in graphic design for the web. Simple, good webssite design examples, good web design and an explanation of modern web 2.0 design techniques.
Block vs Inline display style in CSS
An article explaining the differences between block and inline display property in CSS. Gives examples of CSS Block vs Inline CSS and how they are applied in CSS/HTML files and pages.
10 Best Designed Websites in The World
A list of the 10 best-designed web sites in the world, with explanation of which great web design techniques work most effectively and the importance of designing your content.

Resources

© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989