Using retro designs from 90s websites to inspire modern UX

In the 90s, almost anyone could be a web designer, and the public wasn’t afraid to find beauty in imperfection. The aesthetic of the 90s favored bold and eye-catching individualistic designs. This era has since come to symbolize a distinct digital aesthetic — marked by unique combinations of colors, fonts, animations, and textures — that was unapologetically naive, experimental, and engineering-oriented. Designs from this period offer valuable insights into the relationship between identity expression and technological innovation.

The aesthetic of that period, though revolutionary for its time, can seem primitive and amateurish today. The 90s were a kind of in-between transitional era, its aesthetic reflecting a moment in history where digital culture started to become more widely adopted but also tempered by the rudimentary computing power and scarce telecommunication bandwidth of the era.

Despite their age, elements of the 90s websites remain influential in contemporary design. They can evoke nostalgia or even inspire modern minimalism that signals utility and robust engineering. Retro website designs appeal to audiences who remember this period as a simpler, bygone age.

Let’s get into how we can take inspiration from key characteristics of that classic 90s style and apply them to modern websites.

If you’re more of a visual learner, in the video below, we do a deep dive into how this style of design has been making waves in modern websites. We talk about the history of ’90s design, features that you might see today, and examples of great sites that get inspiration from this iconic era:

Using 90s website design in modern UX

No Description

Key characteristics of 90s websites

The 90s saw the internet transition from text-heavy pages to visually dynamic designs, thanks to emerging technologies like tables for layout, JavaScript, CSS, and Flash. This era brought a mix of creativity and constraints, shaping a bold and experimental web aesthetic.

Overloaded visuals and animated GIFs

Back in the 90s, limited bandwidth and low-res screens shaped how websites looked. Designers got creative, making up for the tech constraints with bright colors, bold visuals, and animated GIFs. These lightweight, quirky features not only added personality but also worked well with slower internet speeds.

Take the dancing baby GIF, for example. It’s one of the first viral memes — a wobbly, pixelated animation that somehow captured everyone’s attention. It’s a perfect throwback to a time when the web was all about experimenting and having fun, even with the tech hurdles.

Color palettes and typography

In the 90s, designers made the most of just 256 colors, going all-in with bold, often clashing tones.

Think Memphis Design’s funky shapes and vibrant hues mixed with grungy, corporate vibes that added character to early websites:

Typography? It was all about working with what you had. Fonts like Arial and Times New Roman were the go-to, but designers kept it interesting with creative sizing, colors, and layouts. Limitations didn’t stop them from making things pop.

Skeuomorphism and textures

The skeuomorphic design mimicked real-world objects using shadows, textures, and gradients to create a sense of depth. Buttons and icons often featured pixelated details that remain nostalgic classics today. Busy backgrounds — featuring patterns, gradients, or repeating logos — added depth and movement to designs.

The “more is more” philosophy

The “more is more” philosophy ruled the 90s web. Every pixel was packed with purpose, and the idea was simple: the more visual stimulation, the better the engagement.

This era was all about pushing boundaries — vibrant colors, animations, and eye-catching designs filled every corner of the screen. It was experimental, sometimes chaotic, but it laid the foundation for modern UX. These bold, in-your-face designs may seem over-the-top now, but they taught us a lot about grabbing attention and creating memorable online experiences.

Take, for example, the early days of Yahoo!:

Their homepage was a prime example of “more is more” with vibrant colors, dense text, and a mishmash of images and links everywhere. Despite the clutter, it was a bold attempt at creating something unique, guiding the way for many early internet users to explore the digital world.

Lessons from notable 90s websites

Looking a bit closer at classic 90s websites can help us identify many interesting design approaches:

Decoration and individuality

With limited computing power, clunkier resolutions, text-heavy origins, and users conducting experiments with colors, layout, and style, the result was a kitchen sink approach that could, at times, have startlingly original results.

The key learning is how ornamentation, such as gifs, fonts, emojis, or other animations, was used to personalize and convey an individual’s sense of identity.

Geocities was an important host for thousands of highly individualized “home pages” and a key driver of what 90s web design looked like. A contemporary version of it is Neocities. From a design viewpoint, it is interesting to see how the original concept has been freshened.

Check out this great experiment by students at the University of Toronto in creating their own versions of “ugly” 90s websites.

Simplicity

In the previous era of the late 80s, the internet resembled the line-by-line command interface of a terminal window. Used mostly by academics, government, and business, the internet of this period was used to exchange and read text-heavy documents and data.

An influential text-heavy, HTML-based format that became a web template is the wiki. Powering huge websites like Wikipedia or other user-edited public resources, the wiki retains the ethos of the text-heavy 90s website used to disseminate knowledge and information. Wikis are a classic template of 90s web design rooted in raw HTML concepts that are still in use.

The use of OG concepts like tables, clickable hyperlinks, and bullet-point lists are clearly identifiable.

Avoiding clutter

More often than not, in this period, there was no hierarchical difference indicated between the myriad information and navigation options that a web page offered as text. A user was presented with thousands of clickable links or banners.

To distinguish themselves from the highly cluttered “Craigslist” look, some websites went the totally opposite way.

The best example of an ultra-simple website is the debut of Google in September 1998. The story goes that it was so radically different from the information-dense websites of that time that the copyright information was added to the bottom of the page so that users knew the page had finished loading.

Bringing ideas from 90s websites to modern UX

90s web design encompassed both maximalism and austerity. One approach was characterized by busy visuals and vibrant multi-colored layouts, with every space filled with graphics and animations. Another represents a predecessor to today’s preference for cleaner design.

Here are some ways in which these ’90s website design approaches can be applied in contemporary UX practice:

Balancing retro aesthetics with usability

Retro elements aren’t just fun; they’re a clever way for brands to stand out and grab attention. In an age of minimalist templates, nostalgic design can be a refreshing break.

That said, content can’t just be an info dump anymore. It’s got to tell a story, guiding users on a journey. People expect quick answers, so the design needs to be intuitive and solution-driven.

But here’s where the aesthetic-usability effect comes into play: when something looks good, people are more willing to overlook minor usability hiccups. The quirky, nostalgic charm of 90s designs might mean a few extra clicks, but users are often willing to forgive this extra effort if it’s visually appealing and evokes positive memories.

Take, for example, retro elements like pixelated icons or neon color schemes — while they may not be the easiest to navigate, they add personality and fun that keep users engaged:

Evoking a sense of nostalgia

Nostalgia can be a powerful tool for designers. Retro designs tap into powerful nostalgic feelings, evoking positive memories and emotions associated with the past. This approach has special appeal to consumers who appreciate when tradition meets innovation. In digital marketing, retro elements offer a sense of familiarity and warmth.

The quirkiness of past design trends can serve as a contrast to sterile, ultra-modern “cookie-cutter” design templates. A website can evoke feelings of authenticity and exclusivity by incorporating 90s vintage styling, fonts, and color palettes.

Don’t overwhelm the user

Even when going for an older style era, there is no need to forget everything that design has learned over the last three decades.

The trick is knowing the rules so you can follow the fundamental ones, bend others, and break many. Always stick to basics like negative space, design consistency, hierarchy, and reducing memory load.

When using a retro design principle, understand why you’re deviating and how it will affect the user journey.

For example, you can easily reimagine the spirit of 90s animated GIFs with modern CSS animations and micro-interactions. Does that mean we should go wild and paper a webpage with all sorts of weird animations? For a serious corporate web app, maybe not. But an art or fashion brand, maybe yes! It all depends on the context.

Conclusion

Researching the different decades of web development is an opportunity to learn more about the roots of aesthetic conventions that are in use even today.

The 90s were a time of innovation and early adoption of digital technology for culture. Engaging with this period of design allows us to learn about the intellectual heritage, artistic history, and sense of individualism of the era. You can use this knowledge to both technically improve web development practices and tap into nostalgia to enhance your designs.

With limited computing power, clunkier resolutions, text-heavy origins, and slow internet connections, users conducted all sorts of experiments with animation colors, layouts, background textures, and styles to express their personalities or brands. Quirky media like animated GIFs thrived in the 90s due to a combination of technological feasibility, cultural aesthetics, browser capabilities, and the rise of meme culture.

Many of the bedrock principles of good design, such as the use of white space, buttons, hierarchy of information, cognitive load, and clear user journeys, arise from this context of free development and experimentation. You can trace norms of contemporary web design, like abstract emojis or itemized columns, back to ideas created in the 90s for whimsical, artistic, or technically astute reasons.

Take this away:

• Leverage nostalgia — Use retro elements like bold colors and quirky animations to create unique experiences
• Apply design fundamentals — Focus on white space, information hierarchy, and reducing cognitive load
• Update 90s elements — Replace outdated features (e.g., GIFs) with modern CSS animations and micro-interactions
• Balance creativity with usability — Innovate while considering accessibility and clear navigation
• Embrace experimentation — Break from trends, but always prioritize user experience
• Recognize design history — Understand how 90s elements influence current design choices
• Design with the user in mind — Create clear journeys while incorporating fun, engaging elements

Disregarding current trends can help in creating something novel. However, you need to balance this with concerns like accessibility, confusion, clutter, and other user needs that amateur designers overlooked in earlier periods.