The Sins of Past Designs

OldSiteSometimes, the shoemaker has no shoes. Since I am a web designer and work with websites all day long, you’d think I would take care of my own website first. Wrong.

In 2018, 20 years after I hand-coded the very first iteration of my website, I finally redesigned the thing and brought it to its current state.

Granted, my site went through many versions since I first launched it (see images below), but until 2017, it was still an old non-responsive HTML-based site that looked terrible on mobile, with a separate WordPress-powered blog on my domain (that blog was once hacked and blacklisted by Norton Securities. Yes, really, it happened to me.)

Above is a screenshot of how the site looked in 2017 before I undertook this major redesign and moved my website entirely to WordPress. My main goal was to ensure that my site reflected that my web design side hustle had morphed into a real business: Content + Design LLC.
 
Stop with your boomer memes when it comes to tech. We built the foundation on the web for everything that you are using, and improving, now. Click To Tweet
 
IBM computerI wanted a clear call-to-action for prospective nonprofit clients and personal brands that needed help with web development, content strategy or site maintenance and updating content on their websites. I wanted an easy way for them to sign up for my freebie “A Call-to-Action That Delivers”, to schedule a consultation call and eventually to work with me. I wanted to give them tools to learn the basics about fine-tuning their content and their design to have the biggest impact.

I created a new color scheme, rewrote the entire content and added a blog dedicated to content + design and media-related topics. I needed a clean layout—without infinite scrolling, interactive images and videos, and text in huge fonts that fades in and out and fills the screen when you scroll down—all design elements that don’t work for me personally (but might work for you).

For my own site, I needed a content-driven and user-friendly design with an unobtrusive opt-in for my freebie and a pop-up form that wasn’t annoying to prospective clients who just wanted to learn about the services I offer and how to schedule a call. I wanted a site that showcased my view that less is more in design. It goes without saying that my site had to be mobile-friendly and on a secure server, using SSL encryption.

How times have changed. Look at screenshots of my first site in 1999 (top: homepage; bottom: a landing page). It was a heavily text-based, dark-colored website, and I wish we had screenshot options back then so that I could have captured more views. But you can check out a few more screenshots of my site going back to 1999. The blue arrow blinked (and I incorporated at some point a little GIF that showed a door opening as a way to help a user “enter” the site. That was the style back then). The site was entirely built around a strict grid-like print-layout style, think rigid tables (and at some point, I hate to admit it, even frames). My email address was @compuserve.com, and I was really invested in 1930s typography.

WYSIWYG editors, social media or blogging platforms? They were merely a distant possibility, a “what if?” dream. But it is fun looking back. I experimented with HTML and made many (in hindsight) horrible design choices; our websites looked cluttered because we added everything we could add. I experimented, searched for my own unique style, and if templates would have existed back then, I would have scoffed at them. It wanted the site to be my very own creation. Using WordPress themes that we customize today to create websites almost feels like cheating.

As designers, we worked at the backend and felt that we really got to understand the structure of each page and how it all fit together to form an entire site. We manually uploaded images into folders and painstakingly linked to everything, trying to keep the structure in place so as not to break the flow.

There weren’t that many templates and how-to guidelines to go by. You coded your site and that was it. You had no options to drag and drop design elements in cool WYSIWYG editors or to work only on the front-end on predefined publishing platforms with nice interfaces that make the myriad design choices for websites now possible—and the need to constantly redesign your websites a must.

We’ve come a long way. You can check out here what Amazon, Google, Apple and Hotmail, among others, looked like in 1998.

Apple 1998And then there is always Waybackmachine by Internet Archive to reminisce! It lets you search any website and see screenshots of its iterations over time. Or visit the digital Web Design Museum, where you can browse 900 curated screenshots of well-known brands and companies, ranging from 1995 to 2005 (here are images of what Google’s search page and Apple’s homepage looked like in 1998).

Google Search 1998To all of you who grew up with social media, blogging platforms and drag-and-drop website builders to publish your stuff: Don’t smirk. Not so long ago, we were left to our own devices to come up with what you might take for granted now.

We built the foundation for everything that you are using, and improving, now.

 

computer evolutionRead More:

AIGA Eye on Design: Remember the Space Jam site? A Trip Through Online Past with the Web Design Museum

The New York Times’ Internet Web Archive lets you browse past online editions of the Times. The archive stores copies of the original HTML, preserving the design and original presentation of the pages.

100 Websites that Shaped the Internet As We Know It

The Short History of Website Building [Infographic]

The Alternative Dictionary of Web Design Terms

Web Designs That Feel Like Ancient History, but Are More Recent Than You Think

The 10 Year Challenge: How Popular iOs Apps Have Changed and How Popular Websites Have Changed

The Internet Feeds on Its Own Dying Dreams (The Baffler)

2010-2020: A Decade of Tech and Companies that Died (Cnet)

 

You Need Content-First Design

The Web’s Baby Babble

Bad Form Design & Wasted Time: Resetting Passwords

Your Content and the Semantic Web

 

Newsletter Signup   

 

I’ll be in your inbox periodically with actionable content + design tips and tricks, checklists and tools that you can apply immediately. I’ll share with you links to relevant blog posts (mine and curated recommended must reads) and other engaging content that will help you amplify your message and find the right site design. 

 

 

 

Copyright © Tekla Szymanski Content + Design LLC
All rights reserved. Please share/quote with attribution.

 

About the author

Content Designer, Editor, Writer and Web Developer for content-rich websites with a global reach. Founder of Content+Design™ LLC. Helping you focus on your content to get your message out.

Why Content + Design™ LLC?

This is your one-stop shop for content-rich websites: content strategy, content design, site care.
Why me, you ask? Most web designers and developers don’t have a content-creating background. And many content designers don’t have creative experience.
I have both.
Together, we’ll amplify your message and adapt the right design to it.

FREEBIE DOWNLOAD

Content + Design Newsletter in your inbox every other Wednesday. Actionable tips, curated links and more. No spam, no sales pitches ever. Unsubscribe at any time.

30-Minute Consultation Call

CTA Call widget


We’ll discuss how you can amplify your message, or the story you want to tell, with actionable steps that immediately improve your website.

Certifications

NYS-certified woman-owned business

Google-certified Project Management

Yoast SEO for WordPress

Yoast Structured Data

Yoast Keyword Research

Memberships

NYWICI Award-winning member

 

EFA Member

 

Ellevate Member

 

Society of Professional Journalists
Freelancer Union

 

National Writers Union

 

PEN Editors Network

 

Pen America

Copyright

Creative Commons License

Licensed under Creative Commons Attribution-NonCommercial 4.0 International License.
Please share and attribute. Don’t copy. Thank you.

error: All content © Tekla Szymanski. Copying disabled. Please share instead. Thank you.