Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA Microsoft AZ-900 AWS Certified Developer - Associate
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Blockchain
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Virtual Reality
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile App Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Meditation Sound Therapy CBT Cognitive Behavioral Therapy
Entrepreneurship Fundamentals Business Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing YouTube Marketing Podcasting

DesignWeb DesignGIMP

7 GIMP Web Design Projects - Learn GIMP Web Design By Doing

GIMP web design for beginners! Learn GIMP web design by doing. Includes 7 GIMP web design projects.
Highest rated
Rating: 4.6 out of 54.6 (101 ratings)
1,172 students
Created by Chris Parker
Last updated 5/2022
English
English [Auto]

What you'll learn

  • Create web designs that provide a great UI UX (user experience)
  • Help your clients grow their business by learning what it takes to design a great user experience
  • Learn how creating great web designs, that help your clients grow, will help you grow your design business
  • You'll learn the 7 most popular types of web design styles
  • You'll learn what type of design styles to avoid (and why)
  • You'll learn add-on services you can up-sell your web design clients
  • You'll learn how to re-touch images like a pro
  • You'll learn how to stand-out among 10's of thousands of other web designers
  • You'll learn how to remove subjects from a background (non-destructively... just like the pros)
  • You'll learn how to transform an ordinary image into a piece of artwork
  • You'll learn how to use gradients for creative backgrounds
  • You'll learn and master layers and layer masks
  • You'll learn the importance of keeping your layers organized
  • You'll learn tips on font selections
  • You'll learn the do's and don'ts of typography
  • You'll learn why prioritizing typography, with styles, is important for making it easier to read content
  • You'll learn tips on what type of images you should be using in your web designs
  • You'll learn where to download commercial free images that don't require a license or an attribution
  • You'll learn how to use a Grid template to conform your web designs to industry standards for both desktop and mobile devices
  • You'll learn how to quickly and easily align multiple layers
  • You'll learn how to evenly distribute the space between layers with one click
  • You'll learn how to create a mega menu design and organize it for the developer
  • You'll learn how to design hover states so the developer knows how to code your vision
  • By the time you've completed all 7 web design projects, and the suggested assignments, you'll have mastered my top 10 keyboard shortcuts
  • After completing all 7 web design projects and the suggested assignments, you should have 7 web designs for your portfolio

Requirements

  • A willingness to learn web design by doing.
  • At least GIMP 2.8 or newer

Description

GIMP web design for beginners.  Learn by doing!  Master UX - user experience - web design with GIMP.

Web design is all about the user experience and growing your customers bottom line.  Which, will lead to more web design work than you can handle.

The goal of this course is to teach you how to create web designs, that provide a great user experience, through actually doing web design projects.

Learn how to create great user experience web designs, in GIMP, AND learn by doing actual web design projects.  Learn web design by doing!

What you'll learn in this awesome web design course, for GIMP users...

  • You'll learn add-on services you can up-sell your UX web design clients

  • You'll learn how to re-touch images like a pro

  • You'll learn how to stand-out among 10's of thousands of other UX web designers

  • You'll learn how to remove subjects from a background (non-destructively... just like the pros)

  • You'll learn how to transform an ordinary image into a piece of artwork, in GIMP.

  • You'll learn how to use gradients, in GIMP,  for creative backgrounds

  • You'll learn the importance of keeping your layers organized

  • You'll learn tips on font selections, in GIMP.

  • You'll learn the do's and don'ts of typography

  • You'll learn why prioritizing typography, with styles, is important for making it easier to read content

  • You'll learn how to create UX web designs, in GIMP, that provide a great user experience

  • You'll learn how to help your clients grow their business by learning what it takes to design a great user experience

  • You'll learn how creating great UX web designs, that help your clients grow, and will help you grow your UX design business (and likely will end up with more work than you can handle)

  • Beginners, of GIMP, will get a crash course to get you up and running fast

  • Advanced users of GIMP can dive right in to the UX web design projects

  • You'll learn the 7 most popular types of UX web design styles

  • You'll learn what type of UX design styles to avoid (and why)

  • You'll learn tips on what type of images you should be using in your UX web designs

  • You'll learn where to download commercial free images that don't require a license or an attribution

  • You'll learn the 6 most important sections that make up UX websites

  • You'll learn how to use a Grid template to conform your UX web designs to industry standards for both desktop and mobile devices

  • You'll learn how to quickly and easily align multiple layers, in GIMP.

  • You'll learn how to evenly distribute the space between layers with one click, in GIMP.

  • You'll learn how to create a mega menu UX design and organize it for the developer

  • You'll learn how to create web design hover states so the developer knows how to code your vision

  • By the time you've completed all 7 GIMP web design projects, and the suggested assignments, you'll have mastered my top 10 keyboard shortcuts that will help you work faster. 

  • Oh, and I'll also show you how to customize your keyboard shortcuts (in GIMP) to match those used in Photoshop!

  • After completing all 7 GIMP web design projects, for beginners, and the suggested assignments, you should have 7 web designs for your portfolio


GIMP Web Design Project 1

Your first GIMP web design project will consist of creating a unique, creative homepage for Nike.  You’ll learn about my creative design with the web design briefing.  Then, you’ll learn about the importance of picking images and how to remove subjects from the background… like a pro.

You’ll learn how to create a header, a mega menu, a Call-to-Action (CTA) and much more.

Once you’ve practiced what you learned, by re-doing my web design in GIMP, you’ll use YOUR creative vision to develop a web design for your portfolio.


GIMP Web Design Project 2

This UX web design project will have you transform an an old, outdated, real estate website into a professional design style.  The new design was created for a better UX (user experience).  Which will help the client grow their business by including a call-to-action that prospects will not be able to refuse. 

  • You’ll learn about irresistible offers and how to create them through a CTA

  • how to create custom hero sections with custom shapes, in GIMP

  • how to use layer masks to show/hide different elements

  • pro tips for using images of people, in GIMP

  • pro tips for deciding on what type of photos to include

  • how to use gradients to make your backgrounds more dynamic, in GIMP

  • how to easily update your clients logo for a more up-to-date and modern look

  • how to increase the credibility of your clients

  • pro tips on how to pre-qualify leads through great design

  • and much more…

What you'll learn can easily be applied to any type of company and UX web design. Plus, I'll share with you one of my little secrets on adding credibility and elevating your clients standing in the community which also increases the chances more people will do business with your client.


GIMP Web Design Project 3

Our next UX web design project consists of updating another old, out-dated website and giving it a new, fresher, modern design.

Many new tips and UX web design tricks revealed in this project.  Learn why I chose a sticky menu for this website, why I chose a hidden menu (via the Hamburger icon), how I created a seamless gradient background (from header to hero to the footer) for a modern flair, more pro tips on images, how to work with a third party application as part of your UX web design, and much more.


GIMP Web Design Project 4

In this UX web design project the learning continues!  Starting off with a large Hero image as the backdrop of the UX design.  This image alone will elevate this companies existing brand and will distinguish it as a leader in it’s area.  As great as the image is it could be better.  We’ll make it better by learning how to remove 2 cars from the foreground… you’ll learn how to retouch like a pro.... all in GIMP.

The next part of this UX web design, involves creating a great (UX) user experience by giving visitors exactly what they are looking for.  In this case a place to rent.  You’ll achieve this by designing a filter, in the Hero section, that will allow visitors to narrow down their search.

If visitors are not ready to do business through this site, they’ll be more so after scrolling down to the first section that includes 4 benefit driven services.  You’ll learn how to create 4 custom icons from scratch and tips on how to sell your client on showcasing their benefits.  Plus, additional tips throughout for communicating with your client on why you designed the page the way you did.

Then, I’ll give you some UX design secret tips for quickly, and easily adding multiple listings vs. redoing by scratch.  This section of the GIMP web design project has a lot more pro tips.  One of which is arranging, styling and choosing fonts to make it easier to read content.

We’re not done with what you’ll learn in this project!  In fact, I give you 2 services you can up-sell your clients on (you’ll put in your design first since it’s so easy to do and then you'll up-sell the services.).  One of which can put more money in their pocket with very little effort.  Your clients will have a hard time turning down money.  The hard part is deciding how much to charge.  Which is entirely up to you.


GIMP Web Design Project 5

Your next UX web design project consists of taking an old, out-dated, government text based design and creating a more image based web design. 

Why the switch?  The “government” is trying to sell their popular tourist destination with a text based style.  However, this "N.Y. State Park" would be better described with photos.  After all, an “image is worth a thousand words”.

  • You’ll start off with a simple Header and Hero section.  

  • Then, you’ll learn more about typography choices and styling, in GIMP.  

  • How the right choice of images is important and the wrong choice can be a disaster.

  • Learn how to create a pop-up Hover state, in GIMP

  • and much more


GIMP Web Design Project 6

Oh boy! You’re in for a treat.  

This is my favorite UX web design project for GIMP users!  You’ll learn something you didn’t know was possible… how to find out what font was used from a (flattened) JPG file!  Yep, I’ll show you where to upload your file and a computer will crunch it’s database of 100,000+ fonts and tell you which one was used!

So far, most of our UX web design projects have had a modern, clean UX web design style applied to them.  Not this time.  We’re going all out on transforming a plain, boring site with a bold, fun retro web design style.  Oh, and we are still focusing on an awesome (UX) user experience with the overall web design.

You’ll start off by creating a retro slider for the Hero section.  Then you’ll design an e-commerce like body section featuring old-movie posters.  Plus, I've added more pro UX (user experience) web design tips and useful tips for using GIMP!


GIMP Web Design Project 7

By now, you’ve learned just about all my UX web design tips.  Don’t despair.  I have a few more pro tips and GIMP tricks to share with you in this final UX web design project.

Including, how to transform an ordinary, boring, plain, photo into a work-of-art; a Watercolor (in GIMP).  No worries.  No need to buy a canvas, brushes or watercolor paint.  I’ll show you how to do it all in GIMP!


Once you’ve completed all 7 GIMP UX web design projects you’ll have mastered over a dozen keyboard shortcuts (that will help you design faster). 

Plus, if you applied my suggestions and did the 7 web design assignments, you’ll have 7 UX web designs developed from YOUR creative vision to use in your portfolio.  All of which, can be submitted to our Q&A section for feedback or just to show off your new UX web design skills!


Learn GIMP web design by doing! Create 7 GIMP web design projects from scratch + 7 GIMP web design assignments


Who this course is for:

  • Created for new (and advanced) users; See the GIMP crash course section
  • Advanced users; Dive right into the 7 web design projects
  • Anyone who wants to be a web designer
  • Anyone who wants to stand out from the other 10's of thousands of web designers

Instructor

Chris Parker
Photography | Photoshop | Lightroom | GIMP | Taught by a Pro
Chris Parker
  • 4.4 Instructor Rating
  • 12,662 Reviews
  • 219,396 Students
  • 40 Courses

30 years experience as a pro photographer.  Teaching photography, Photoshop, Lightroom, and GIMP.  

I've photographed thousands of portrait sessions and 500+ weddings in the last 30 years.  I'm also a graphic designer and a lifelong user of Photoshop (since 1991) and Lightroom (since 2007).

Helping photographers achieve their creative vision since 2010.

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.