Skip to content
Menu
  • Web Design Business
  • Web design Fundalmentals
City Kitty Design

Web Design 101 – 3/8

Posted on November 3, 2017


Web Design 101 – 3/8
This series of lessons is part of our “Build a Better Site” course. Learn how to improve your Wix skills and your website. Enhance your website, grow your business!

In this video, learn the three guiding principles of design. You don’t need to be a graphic or web designer to create an impressive website. Use this class as a resource to help guide you in your customization process, to make your website look and feel as good as it can. You’ll learn basic web design concepts and principles, to make the best design decisions for your site.

Sign up for WixEd at http://www.wixeducation.com to get downloadables for this lesson.

Also, subscribe to our channel here: https://goo.gl/d0VmxW

TRANSCRIPTION:
These principles or guidelines come from decades of observing how people interact with websites. Whether you’re creating a website for your cousin’s lemonade stand, your local community center or a Fortune 500 company – these same principles can and should guide your design decisions.

First and foremost – a well-designed website is EASY TO USE. This is also referred to as “user-friendliness”.

Second, well-designed websites actually WORK. They provide a purpose or a function.

Last but not least – the best websites make an impression. They’re visually IMPACTFUL, inspiring or even beautiful.

Now let’s walk through each principle a little closer.

The first rule of thumb for creating successful websites, is making them easy to use. Let me explain.

Think about what it’s like to visit a website for the first time.
Maybe you recently bought something from a new brand you just heard about, or wanted to look up what a certain company does.

What was the experience like?
How easy was it to find what you were looking for on the website?
Did you feel disoriented, lost in a maze?
Or, was it easy to navigate, with a familiar layout, where everything was clearly labeled?

Think about this when browsing the web, and you’ll start to appreciate sites where the design was PLANNED…and sites that AREN’T that user-friendly.

Now imagine someone visiting YOUR website for the first time. In other words, look at the project from the point of view of your POTENTIAL VISITORS. If you can focus on THESE people, you can make smarter design decisions. You’ll plan things based on their needs and expectations.

I can’t stress this principle enough: the website must be comfortable for visitors to find what they came for. We’ll look at some tips for user-friendly web design in the next chapter.

The second core design principle involves the way your site actually WORKS, and what it allows visitors to DO.

Think about the needs of your website visitor – and design your website around those needs.

For example, if I’m building a website for a pre-school, I want the parents to be able to find information about upcoming events and ways to get in touch with the staff. If I’m building a website for a band, I want it to be easy for fans to listen to samples, check upcoming shows and book tickets.

We’ll explore tips for optimal website functionality in a later chapter.

Finally, good web design inspires some sort of emotional response. This area is the most challenging to define, and different industries have very different notions of what looks good.

You may wish to create a warm and playful mood on your website, while others may want a more traditional, polished look. No matter what “mood” you are going for, the “design elements” of your site should support that mood. These include the colors and fonts you choose for your site. We’ll go into detail about these elements in a later chapter.

So there you have it – three core principles to inform your design decisions.

In the next three videos I’m going to walk you through some tips and best practices for APPLYING each principle, so we’ll transition from a theoretical discussion, into a more practical one.

Let’s do this!

Recent Posts

  • The Ultimate Guide to Choosing the Right Marketing Company in Charlotte
  • Unlocking Growth: How a Marketing Company in Charlotte Can Elevate Your Business
  • Top Marketing Companies in Charlotte: How to Choose the Right One
  • Finding the Right Marketing Company in Charlotte: A Guide for Local Businesses
  • Finding the Best Marketing Company in Charlotte: A Comprehensive Guide

RSS feed: Web Design News Web Design News

  • JavaScript SpeechSynthesis API November 20, 2025
    As the web continues to be the medium for all users, standards bodies need to continue to provide new APIs to enrich user experience and accessibility. One underused API for unsighted users is speechSynthesis, an API to programmatically direct the browser to audibly speak any arbitrary string. The Code You can direct the browser to […]
  • Fix “This video format is not supported” on YouTube TV November 17, 2025
    Setting up a new computer is bliss — no old, unused apps and the machine performs much better than the previous. Unfortunately, you may encounter new problems based on the new hardware. One such issue I encountered with my new MacBook was a “This video format is not supported” message when I went to YouTube […]
  • Easy way to upload, transform and deliver files and images (Sponsored) March 24, 2025
    Managing media is a really difficult task if you try to do all of it yourself, especially if the media comes from other sources. The file can be submitted in any state and size, but what if you need something really specific? You can code it all yourself or you can use an awesome service […]
  • How to Download a YouTube Video or Channel September 4, 2024
    The ability to download media on the internet almost feels like a lost art. When I was in my teens, piracy of mp3s, movies, and just about everything else via torrents and apps like Kazaa, LimeWire, Napster, etc. was in full swing. These days sites use blob URLs and other means to prevent downloads. Luckily […]
  • How to Add a Header to a curl Request August 3, 2024
    curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H […]
  • Case Insensitive CSS Attribute Selector June 19, 2024
    CSS selectors never cease to amaze me in how powerful they can be in matching complex patterns. Most of that flexibility is in parent/child/sibling relationships, very seldomly in value matching. Consider my surprise when I learned that CSS allows matching attribute values regardless off case! Adding a {space}i to the attribute selector brackets will make […]
  • How to Set Date Time from Mac Command Line June 17, 2024
    Working on a web extension that ships to an app store and isn’t immediately modifiable, like a website, can be difficult. Since you cannot immediately deploy updates, you sometimes need to bake in hardcoded date-based logic. Testing future dates can be difficult if you don’t know how to quickly change the date on your local […]
  • How to Retrieve WiFi Password on Windows May 13, 2024
    Remembering the WiFi password when on a guest network is never easy. Even worse is when it’s no longer posted and someone else is asking you for it. Luckily there’s a built in Windows command to recover the password of a given WiFi network. The Shell Code Open cmd and execute the following command: netsh […]
  • How to Fix: Windows WASD Keys Reversed with Arrow Keys May 2, 2024
    This past weekend I had the opportunity to be what every father wants, if only for a moment: the “cool dad”. My wife was out of town and my youngest son wanted to play PUBG. I caved in, taught him the basic FPS key binds, and he was having a great time. While he was […]
  • HTML popover Attribute April 15, 2024
    Modals have been an important part of websites for two decades. Stacking contents and using fetch to accomplish tasks are a great way to improve UX on both desktop and mobile. Unfortunately most developers don’t know that the HTML and JavaScript specs have implemented a native modal system via the popover attribute — let’s check […]

Related Sites

CatNFTs.io

©2026 City Kitty Design