justinmind-logo

10 90s websites designs you wonā€™t believe existed

May 31, 2018
top 10 websites from the 90s with terrible design

Our round up of the top ten worst 90s websites from the days of the early Internet

Web design has come a long way in the past 20+ years.

Memorable UI design elements from 1990s websites include text documents strung together by inline links, background images sliced up into tables, and flash animation splash pages. Flash forward to the early 2000s and CSS comes to life along with JavaScript for page layouts. Now in the 2010s, prominent design features include the mobile web, minimalist navigation systems and smart technologies.

Start designing new websites today. Enjoy unlimited projects.

cta download

So whatā€™s been the biggest change of all? Theyā€™re finally designed for the user. UX principles help make sure that our websites are accessible and a delight to interact with, right off the bat with website wireframes.

But as we all know, it wasnā€™t always like that. With that in mind, letā€™s journey back to a time before user-centered design principles, the Nielsen Norman Group and Justinmind’s awesome wireframe tool. In our post, we take a look 10 of the worst websites of the 1990s ever to be designed. Cue the laughter!

Our 10 top picks from the 90s website design graveyard

#1 90s website fails: Penny Juice

Penny Juice is a fruit juice concentrate for kids.

Although the Penny Juice website has since been updated, weā€™re looking at the site circa 1999. On entering the 90s website, visitors are prompted to choose which version of the site they wanted to view: HTML or Flash. If you choose Flash, youā€™re greeted with a menu and an interactive background with floating clouds, spinning coins and animated words.

If youā€™re able to reach the Reviews page (we say ā€˜ifā€™ because the 90s site lacks any real navigation system), this is what youā€™re met with:

top-10-worst-90s-website-designs-1

Reviews are split up into garishly-colored blocks of all-capitalized, Times New Roman text. And check out that Comic Sans text bubble in the top right-hand corner. We can feel our Design Leadā€™s eyes on us as we write.

If you need some information on how to avoid these mistakes in your own design, check out our post on UI wireframes.

#2 90s website fails: Arngren

top-10-worst-90s-website-designs-2

We give you Arngren. The most shocking thing about this 90s website is that itā€™s still around. Is it catalog, directory or some kind of online store? Who knows?

To anyone looking for something in particular on this site, we salute you. You can browse Arngrenā€™s content by scrolling both vertically and horizontally. But hold on a second. With the thousands of cut-and-pasted low quality images and blue and red hyperlinks, trying to find anything on this site is next to impossible.

Start designing new websites today. Enjoy unlimited projects.

cta download

#3 90s website fails: Sixties Press

This is Sixties Press*. As James Duval rightly points out, this site looks like it was designed by a six-year-old in 1995. It was actually designed by English author Barry Tebb, whose intention for this 90s website was to promote and sell poetry books. We canā€™t imagine he sold many.

top-10-worst-90s-website-designs-3

Letā€™s take a look at the siteā€™s Homepage. The header features a 90s-themed vector set on a questionable, squiggly black shape. The background is no better ā€“ a dated two-dimensional symmetrical pattern that looks like itā€™s been borrowed from a cult culture blog.

Finally, letā€™s talk about the navigation buttons, all with brightly colored text and again that black background. But who needs buttons when all of the siteā€™s content is displayed on the Homepage?

*This version of Barryā€™s site is no longer around. And good riddance! Take a look at the new and improved site here.

#4 90s website fails: The Internet 1996 World Exposition

The Internet 1996 World Exposition is a sort of encyclopedia of Internet history from 1996 for artists, engineers and corporate executives. With a huge amount of subpages, this 90s website is a fount of knowledge.

As for the siteā€™s decor, weā€™re not convinced. Letā€™s start with the Game of Thrones-style vertical navigation bars. Whose idea were the duo-tone banners of different lengths? And the same icon for each navigation destination? Rookie mistake.

top-10-worst-90s-website-designs-4-2

Next up, fonts. You’ll find a mash up of Times New Roman, retro Art-deco and Arial, as well as upper and lower-case.

-1/10 for readability for this 90s site! Learn more about making your site readable here.

Check out our post on how to create a responsive website prototype and live up to current usability standards.

#5 90s website fails: Aliweb

Aliweb is considered the worldā€™s oldest search engine. Search for your content via the Search bar or via the categories provided below.

top-10-worst-90s-website-designs-5

Thereā€™s nothing particularly wrong with this 90s website, if youā€™ve got your magnifying glass handy. Lines and lines of small-text category links are broken up by red vertical bars, set against a garish yellow background ā€“ a real treat for the eyes! If only they had read our guide on list UI design…

Aliweb reminds us of the Submit to Reddit screen of the old Reddit site:

top-10-worst-90s-website-designs-reddit

Thank goodness for the Reddit redesign right?! This is exactly why today, design teams invest time slowly evolving their designs from low-fidelity prototypes to refined high-fidelity ones. The user experience is carefully tested and validated at every turn.

#6 90s website fails: USGS

This is a page taken from the United States Geological Survey website in 1994.

The first thing that catches our eye is the number of red links on-screen. UI designers, if you donā€™t know how web accessibility design works, itā€™s time to get educated or go home.

top-10-worst-90s-website-designs-6

As our own Cassandra Naji reminds us, ā€œusable hyperlinks are the essence of good user experienceā€. Links need to be instantly recognizable to be readable. For instance, the color red is used for warnings and errors, and should never be used to visualize a navigation link. Blue remains the color with the strongest perceived affordance of clickability.

The UI layout of this 90s website is another usability killer. USGSā€™ over-zealous use of bulleted links combined with the all left-aligned content (classic 90s single-column text) is making us squirm. Moving on!

#7 90s website fails: Amazon

Ok folks, weā€™re onto the big leagues now. Hello Amazon 1995, you beautiful disaster.

Way back before it become the worldā€™s go-to eCommerce site for everything and anything, Amazon was a bookseller with a much more basic approach to web design.

top-10-worst-90s-website-designs-amazon-10

Before the mega menus, interactive carousel and search bar with a drop down, Amazon.com didnā€™t look much different to any other 90s website. We canā€™t take our eyes off that hyperlink in italics though ā€“ what a specimen! And personal notification service ā€“ tell us more!

Also, note the old Amazon logo. It features a snaky, river-like path over a stylized letter ā€œAā€ on a faux marbled background. This relic was put to bed in 2000, making way for the famous Amazon.com with a curved arrow beneath it.

Start designing new websites today. Enjoy unlimited projects.

cta download

#8 90s website fails: Apple

In all fairness, the 1997 version of Apple.com doesnā€™t look all that bad ā€“ in fact, it looked decent compared to other websites in the mid-90s. The 1997 Homepage features:

  • Clear vertical navigation design, with links and scrollbars
  • The date in the top right-hand corner (in case you donā€™t know what day it is)
  • A layout that followed the standard design trends of the era (e-mail newsletter format including important and informative topics in the center of the Homepage and interesting reads on the right sidebar)
top-10-worst-90s-website-designs-apple-8

The site is also rocking the old Apple rainbow logo (1976-1998) ā€“ which was awesome.

But letā€™s be clear, the 90s website bears no relation to the modern site. Fast-forward to 2018, and Appleā€™s site is uncluttered and stunning:

top-10-worst-90s-website-designs-apple-new

#9 90s website fails: Coca-Cola

While its crimson background reminds us a little of the KFC food packaging, the 1999 Coca-Cola website is anything but tasty.

top-10-worst-90s-website-designs-coca-cola-7

The interactive version of this site is no longer available. But judging by the static version of this 90s website you see before you, you can probably imagine what moving version of this theme would look like.

Also, whereā€™s the logo? A teeny-tiny image of a hand grasping a cup of Coke isnā€™t exactly what weā€™d call branding.

Oh well, at least the text is center-aligned!

#10 90s website fails

Last but not least, we have the 1996 Disney site.

Weā€™re drawn to the siteā€™s double bottom navigation system ā€“ a must-have navigation system for 90s websites. On the one hand youā€™ve got your whimsical wave of navigation links. On the other, youā€™ve got your bottom navigation bar, which looks a little odd with its links displayed in that brown/maroon color.

top-10-worst-90s-website-designs-disney-9

Disney also seems to have gone all out on fonts in the 90s, employing over six different fonts just for the Homepage!

And yes, we are the logo police. Check out poor Mickey Mouse!

Redesigning 90s websites: best practices

These vintage 90s websites are truly awful. But what can we learn from them?

Well, technology is always evolving, and our websites need to reflect those changes. As a designer, you need a well-defined process to redesign a website.

Hereā€™s our two cents on redesigning 90s websites:

  • Always run usability tests on your current site before performing redesign. This will help you determine whether the project warrants a full redesign or if a few tweaks here and there will do the trick
  • If itā€™s not already, your website needs to be content-first to provide the best UX. The primary goal of any website it to deliver valuable content to its audience, to help them complete a goal.
  • Use a prototyping tool to help you visualize your design and validate your design assumptions with real users.
    Justinmind would be our first choice šŸ˜‰

And if youā€™re looking to redesign your website, this UXers survival guide to website redesign post should be your next read. Good luck to you!

PROTOTYPE Ā· COMMUNICATE Ā· VALIDATE
ALL-IN-ONE PROTOTYPING TOOL FOR WEB AND MOBILE APPS
Rebeka Costa
In-house SEO manager, usability enthusiast and patron of all sleep-deprived designers