Web Pages That Suck - learn good web design by looking at bad web design

Submitter’s comments: My eyes are still burning from the site AND content … let’s teach police increased brutality!

Vincent Flanders’ comments: This website definitely constitute bad web design brutality. Cop and cop-related websites have always been a staple here at WPTS. Heck, back in 2008 cop sites were featured in Worst Old School Web Sites of 2008: Cops and Chiropractors. If you were a cop, would you want to use this site’s services? It doesn’t look professional and cops like to be professional (at least I hope so).

The home page is 1.4Mb, which is problematic. The TITLE tag is “Home Page” and everybody but the site owner knows search engines put a lot of weight on the contents of the TITLE tag. The registration form for the 2014 Arrestling Officer Safety Conference is a PDF you have to fill out and mail in unless you pay by credit card. Oh, credit card payment is done over the phone. Yeah, they’re up-to-date on ecommerce.

The home page has this code: @import url(file:///C|/Program Files/Macromedia/Contribute 2 for Affinity/ My first WTF? is why are you using Macromedia Contribute 2? It’s more dead than Stevie Ray Vaughn (yesterday was the 24th anniversary of his death). If it exists, it’s up to Release 6.5. My second WTF? is the home page is using @import. HTML performance experts say it’s best not to use it. Obviously, the page isn’t really using it because web visitors can’t access the designer’s Drive C.

This website is a classic example of Mistake #6 from Biggest Mistakes in Web Design 1995-2015 — “Have you ever seen another web site? Really? Doesn’t look like it.“ I call this type of design the “I haven’t taken my anti-psychotics in a while school of web design.”

Gulla’s Arrestling

Submitter’s comments: I would like to submit a local university. For a technology and design school, it’s terrible.

If you open it up with most IE browsers you can barely navigate it. Once in the website you’re brought to another website that, on occasion, doesn’t look like the one you started with. These are remnants of our old site they have yet to change. Just click on Admissions > How to Apply from the main site for an example.

Not only is the home page terrible to navigate (floaty degrees above the head are hard to see), but once inside you can barely find the information or forms you need. Then there are multiple pages with outdated information or just different information from other pages.

Vincent Flanders’ comments: The best thing I can say about the website is it doesn’t use Flash, but that’s like saying “Vincent, for a fat boy you don’t sweat much.” I agree, of course, with our submitter it’s pretty horrendous. But I want to talk about what’s under hood—a festering pile of crap that’s screwing up the visitor’s experience. When I ran the Web Design Degree page through WebPageTest.org, I got the waterfall from hell. It took almost 4 seconds for the page to start loading. (If the page isn’t cached, here’s a screenshot) Oh, it’s also 21mb!!!! The home page, I believe, is ~30Mb. That’s right 30Mb. It gets better. I ran the Web Design Degree through Google’s PageSpeed Insights program and the page scored 7/100 on mobile and 12/100 on desktop.

BTW, I hate the name. “Advancing” Technology? WTF? You don’t need “Advancing” because it’s implied. What it implies is there must be a University of Retreating Technology and that’s why there’s a need for a University of Advancing Technology—or UAT, as in “Where U AT?” (Forgive me.)

It’s a pretty messed up site. Reminds me of my site except they have squandered a lot of design talent.

University of Advancing Technology

Submitter’s comments: TW Steel make fancy watches We have pointless Flash intros, a strange “See the world of Watches/See the world of TW steel” round link thing that follows the cursor around, and in the see the world of TW steel bit -some showy hidey Mystery Meat Navigation madness.

I didn’t like it. Maybe you won’t either.

Vincent Flanders’ comments: I don’t like it either, which is sad because I really like watches. KidsToday (and many AdultsToday) don’t realize many watches were extremely expensive (except watches like Timex). When I graduated from high school last century my parents bought me “a decent watch” for $150. There were no digital watches. You had to wind them to keep them going. In today’s dollars, the watch would cost $1,100. No wonder my old many lectured me about not losing the watch.

Ironically, the mobile version of TW Steel’s website looks and works a lot better than the Flash-based desktop version.

The Store Locater is a total joke. For “Country” I put USA and for “City” I put Vancouver. I was given a big map and after looking at it I couldn’t tell if there was a store in the area. I don’t think there is one, but why doesn’t it tell me that instead of giving me a map and having me try to see if there’s a store in the area. This massively, massively sucks.

TW Steel

Submitter’s comments: New dental laboratory website in my area. I think its horrible. What does websitethatsucks think?

Vincent Flanders’ comments: I think you found The Daily Sucker for August 8, 2014.

One of the problem with white links on a black background is what color do you make the :hover Selector. Like most websites, Thorm Ford screws it up worse than most. They blur out the links. Mouse over the down arrow and you’ll discover the sublinks are BLURRED OUT so you can’t read them! On my 1200px-wide monitor, you have to horizontally scroll.

I don’t remember ever seeing a mobile score of ZERO on Google’s Pagespeed Insights results before today’s gem. On this screenshot of the mobile version of their Services page, you can see how unreadable the page is.

Thorn Ford Dental Laboratory

Submitter’s comments: Justified type.

Vincent Flanders’ comments: Books use justified type. This is the Internet age and KidsToday don’t read books so why use a typographic technique that isn’t normal. The justified text on the home page is what badly justified text looks like. Interestingly, justified text on sub-pages looks “fine”—probably because the line length is longer giving the justified text a better chance to “work.”

Philip Bloom