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

Meg Lewis, Designer at Ghostly Ferns

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

    • Button Styles, Avatars, Containers

    • Creating a One Pager for a Start-up


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!

107 of 124 students recommendSee All

I liked her class. However, I wish she elaborated on the reasons behind her technique.
This was FUN! Thanks Meg for offering this class! It makes me want to rework some websites that I've been working on. I absolutely LOVED it and wish I had taken it sooner! Two Thumbs Up!
This is not a conceptual class, nor does it discuss wireframing, etc. Instead, it is a tutorial of how to replicate the landing web page Meg features in her video for the fictional company Partystarters. I can't give it a thumbs down as I enjoyed the class, but I'm not sure who I'd recommend it to — perhaps designers at a beginner level who want to practice their Photoshop skills.





Meg Lewis

Designer at Ghostly Ferns

Meg Lewis is the owner and designer at Ghostly Ferns, a web design, branding and illustration studio based in New York City. She designs for early-stage startups and small businesses. Meg has personally worked with 60+ companies to establish a visual representation for their product and company culture. Meg founded Ghostly Ferns to spread the message of personable, clean design. She works solely with clients that are passionate and energetic about their product. As a former writer for Apartment Therapy, Meg comes from a blogging background and enjoys educating readers about various topics relating to design. She has taught numerous beginners design one-on-one and small class courses.

As adjunct faculty at Parsons The New School for Design teaching Interaction, Meg has an education background and absolutely love teaching all of my students!