TWWWE is a parody website project that attempts to break every design rule imaginable. First started in 2008, TWWWE has grown to become truly "The World's Worst Website", having received hundreds of thousands of visits. TWWWE relaunched in 2021 with a ton of new features in a further attempt to go much more "badly".
TWWWE is obviously not mobile-friendly. The author of the site makes it clear they don't care about mobile users. Considering 65-75% of traffic is mobile now, this is a bad thing. Always design your website with mobile users in mind first, then desktop, then tablet.
The main website's content area is hard to distinguish on the homepage but is a little more prevalent with the internal pages. Make sure your content is easy to read and laid out appropriately. Less is more. Less looks better. Trim the fat – remove unnecessary content. With most people using mobile devices, they will leave your site quickly if they can't find what they're looking.
Make sure your content blocks have plenty of breathing room. This site is a great example of what not to do. Have your text, images and other elements spaced from each other so the website can "breathe".
Scrolling marquees were everywhere in the 1990s. Now, marquees are still an effective way of announcing a special, breaking news, or some other item on desktop sites. However, make sure you only have one and that the content is relevant. Also, have the marquee compliment your website's overall look-and-feel, and seriously consider turning it off for the mobile-version of your site.
Traffic counters were on almost every website during the mid-90s and even into the early part of the 21st century. Counters were the easiest and cheapest way of measuring traffic. Now this practice is ancient history. Use Google Analytics, a free website traffic measuring tool, to get your data.
Content relevancy is also important. The homepage of TWWWE contains numerous random things that have nothing to do with the website's key point. Well, honestly, the content does accomplish the goal – utter chaos and randomness, which creates "The World's Worst Website Ever" – but your website isn't like that. Keep content relevant.
Make sure all your copy is spelled correctly. This is probably the most noticeable thing about TWWWE. The copy is atrocious. Numerous misspelled words, made-up words, a bunch of "lol" type stuff, the use of all-caps, etc. – these must be avoided to have a great website.
As a funny pun, the author of this website, who is clearly stuck in 1997, uses the term "web sight" throughout. The only notable exception is the website title and domain name, which the correct spelling had to be used for Google to index it.
The fictional creator of TWWWE is a Trump-loving right winger who's a bit of a conspiracy theorist. It is a classic example of what not to do – putting political or culturally sensitive content on your site.
Avoid this like the plague. Of course, if your site is a blog, opinion-based commentary, or simply a political, cultural, or religious website – that is different. Obviously, there is a place for that sort of content, but if you are a car dealer, a doctor, a plumber, etc. – hot-button subject matter really has no place on your website – including your social media channels.
With our world so politically polarized, if you even hint that you are a Bernie or a Trump fan, a Republican or Democrat, gay or straight, pro-life or pro-choice – you will likely alienate half of your audience.
Yes, you might rally like-minded supporters of your business if you choose to go this route but alienating those who disagree with you will have a bigger implication. Much more could be written about this.
There are numerous examples of what not to do with images on your site. Animated gifs almost never work. There might be a situation where one is necessary, but generally, anything that is repetitively moving on the screen is not a good idea.
Make sure your images are sized appropriately with the right code. Do not use HTML image size attributes – ever. Remove them if your HTML editor adds them in for you (Dreamweaver does by default). Use CSS to resize your images.
Find a balance between the right dimensions (retina-based, for example) and compression with file size in mind.
If you use stock photos, make sure they are royalty-free and can be used for commercial purposes and not just grabbed from Google Image Search. You will get in trouble for copyright infringement if you are not careful.
Make sure your photos are relevant. TWWWE has numerous photos that just do not make sense. A fuzzy llama and a cackling grandma shouldn't be on your website – unless it's about llamas and grandmas.
Never use Microsoft Word Art for graphics or titles. And make sure your transparency on your graphics/logos are correct. "MAGA" has a white fill inside the second "A" that the designer left by mistake. Watch out for these artifacts.
The author of TWWWE loves all the fonts that you should never use.
Every color combination suggested by the author of TWWWE is universally accepted as terrible. Blue on red, or vice-versa, creates a 3D effect on your eyes and is by far the worst color combination imaginable.
Use website color palette tools such as those provided by Canva and Adobe to select the right palettes for your project. And of course, your site's colors should complement your brand and logo.
Linking to your social media accounts is important but do so in a non-descript way. TWWWE has a Twitter feed embedded on the homepage and has several other places where the author is trying to get followers.
While some circumstances may dictate a social media feed, see that it's not the dominant content on your website. It should be considered secondary. And to be honest, it's likely you don't need to have a feed on your site.
Your website may contain advertisements, like TWWWE, to make some money. However, if your website is about your business – such as a salon, restaurant, construction company, etc. – do not place ads on the site. You might be tempted to do so, thinking you might make a few extra bucks. The reality is your website will not get enough traffic to warrant advertising.
Sites like those may land 100 pageviews a week, or about 5,000 pageviews a year. If you attempted to monetize that with ads, you might make about $10 each year. And with Google Adsense's minimum thresholds, it would take years to get paid.
Additionally, you will want people to contact you about your services or products, not leave your site by clicking on an advertisement. Further, there is a high chance a competitor will be advertising on your website, which obviously defeats the purpose.
Website ads should be only used for news, blogs and informational sites with the purpose of monetizing the content to make money.
Footers have evolved significantly over the last three decades. The first generation typically contained information on the best way to view the website.
Before Microsoft Internet Explorer was popular, Netscape Navigator dominated the browser market because the two competitors rendered websites quite differently. Therefore, it was common to put "best viewed with" type notices along with screen resolutions.
Speaking of resolutions, 640x480 was the first major screen resolution for websites. Then it became 800x600, followed by 1024x768 on 17" CRT monitors. Larger resolutions were introduced, and then mobile devices hit the scene in 2007.
Today it's imperative to design your website using percentages instead of fixed widths, with a fluid design (aka "responsive") highly recommended. That means your website looks great and functions well on all screen sizes, from smartphones up to HD (1920x1080).