Intro to Web Design: Friendly Design for Startups and Small Business

Meg Lewis, Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
3 Videos (1h 8m)
    • Introduction

      5:13
    • Button Styles, Avatars, Containers

      34:36
    • Creating a One Pager for a Start-up

      27:56

About This Class

We all know beautiful sites are a dime a dozen these days, and hideous sites are even more frequent. This course will teach you how the essential elements to designing an elegant website.

Do you add great sites to your bookmark collection or pinterest board frequently? Maybe you peruse Siteinspire and gush over the latest and greatest in web design. The most beautiful sites are always easy to use, clean and refreshing. Their effortless appearance makes you say, “I could design something like that, right?”. Wrong.

Just kidding, you’re right! With a few simple photoshop tips and tricks, you can learn how to make beautiful buttons and containers, stunning avatars and pair attractive colors to make the user say “Oh my!”.

What You'll Learn

  • Basics of Web Design. The bread and butter: Layout, Typography, Color.
  • Creating Assets. You'll create brand elements such as button styles, avatars, and containers.
  • UX Interactions and Rollovers. Your design will include popular user interactions such as rollover amd carousel. 
  • Putting It All Together. You'll package all of the components of your design into a beautiful one pager.

What You'll Make

Together, we’ll put together photography, illustrations, icons, typography, and good feelings to make something usability-tastic! By the end of this course you will have designed a home page for any business of your choice— real or fake. 

Required Class Supplies
Adobe Photoshop. If you don’t have the program you can download a 30 day free trial here. All class tutorials are recorded on a Mac using Photoshop CS6. You do not need a Mac or the most recent version of Photoshop (CS6) to follow along. Most of the tools are consistent across all versions of Photoshop.

Please note: Photoshop Elements is a limited version of Photoshop and is not recommended for this course.

Don't know Photoshop? Try my Introduction to Photoshop class!

* This is a design only course. No development will be taught!

109 of 125 students recommendSee All

It's useful and give a great overview. But unfortunately it doesn't fell interesting. Maybe you could cut off the video into some part so people can learn it shorter clips
Prisanti Putri

Engineer by day, words & color lover all day

I liked her class. However, I wish she elaborated on the reasons behind her technique.

3,746

Students

130

Projects

Meg Lewis

Designer

Hi! I'm Meg. I'm a designer who specializes in creating personable, positive, friendly experiences for happy companies. I'm also the founder & partner at Ghostly Ferns, a collective of designers and commercial artists working together & separately. I live in Minneapolis where I co-own a shared work & event space called Fool Proof.

Want more classes? I also teach on Brit + Co!
Logo Design | Personal Branding & Identity

When not desi...

See full profile