Learn PSD to HTML : Responsive Portfolio Website Design (Udemy.com)
Learn PSD to HTML from scratch by designing the PSD template and Converting it to HTML/CSS website with Awesome Features
Created by: Supriyo Kundu
Last updated February 2019
What you will learn
- After completing this course , you can design and code your own Website with ease
- After Completing the course , you will gain confidence in Website Design field as you will be able to do both designing and codeing yourself
- Design Cool Professional Websites with Awesome Features like Particle Animation , Text Animation , CSS Animations , Parallax Backgrounds , Awesome Hover Effects
- As here , we are going to create a Portfolio Website , hence you will be able to create Portfolio Websites for yourself or for your Clients
- You will be able to create Responsive Website with Bootstrap4
How it compares
Against the other 53 rated Udemy courses in UI Design on CourseDuck:
- Rating4.4 out of 5higher than 49% of them
- Reviews158#35 of 54 by number of reviews
- Length17.4 hourslonger than 90% of them
- Last updatedFebruary 2019earlier than 71% of them
Course Description
Do you want to Learn PSD to HTML from scratch by Designing the PSD Template and then Converting it into a Beautiful Modern Looking Responsive HTML/CSS Website ?
If your Answer is Yes, this Course is for you.
Welcome to this Awesome Course, where we are going to build a Cool Professional Modern Looking Responsive Portfolio Website with Cool Features.
Features of this Web Design Course :
Responsive Design Using Bootstrap 4
Non Rectangular Backgrounds (No images , only code with easy logical approach)
Attractive Hero Area with Particle Animation and Text Animation
CSS Animations
Awesome Unique Hover Effects
Filterable Portfolio Items
Custom Page Loader (our own)
Many Important Tips and Tricks to solve problems with easy approach which helps in growing problem solving skills in website designs
I am really excited and also feeling honored that I will walk you through all of these step by step
Every bit of code is explained in the course . And also if you need any help , I am always here to help you out .
After taking this course , you will have enormous confidence of Designing Portfolio Websites from scratch as you will be able to do both Designing and Coding and also you will be able to add more spice to your project by adding cool effects that are going to be covered here in this course !!! Thumbs up !!!
So are you ready to grow your confidence ?
Take your first step by taking a look at the full demo of the website that we are going to build in this course which is a free preview.
I am looking forward to see you inside the course :)
Instructor Details
- 4.4 Rating
158 Reviews
Supriyo Kundu
Hi, I'm Supriyo Kundu, a Computer Science Engineer with a deep passion for both programming and design.
I’m currently working as a Generative AI Developer at a leading multinational company (MNC), where I specialize in cutting-edge technologies including Python, FastAPI, LangChain, LangGraph, and Gen AI. I’m also an experienced Machine Learning (ML) and Artificial Intelligence (AI) expert, continuously exploring and integrating the latest advancements to stay at the forefront of innovation.
As an instructor, I’m committed to helping students master both creative and technical skills. My core areas of expertise include:
Graphic Design: Photoshop, Illustrator, Retouching, Photo Manipulation, Visual Effects
Web Design & Development: HTML, CSS, JavaScript, WordPress, Elementor, Responsive Design
Programming, ML & AI: Python, API Development, Machine Learning, Gen AI Integration, LangChain Workflows
More courses by Supriyo Kundu
Photoshop and Illustrator Mastery with AI : 120+ Projects (2025)
4.4 (621 Reviews)
Provider: Udemy
Time: 44.8h
$74.99
The Ultimate Web Designing Course in Photoshop (2022)
4.5 (584 Reviews)
Provider: Udemy
Time: 9.8h
$74.99
The Most Comprehensive Web Development Course (2023)
4.5 (511 Reviews)
Provider: Udemy
Time: 47.5h
$69.99
Complete Web Design Bootcamp 2026 : 18 Courses in 1
4.5 (338 Reviews)
Provider: Udemy
Time: 45.3h
$64.99
Learn PSD to Responsive Parallax HTML/CSS Web Design (2017)
4.6 (244 Reviews)
Provider: Udemy
Time: 9.3h
$49.99
Complete Illustrator CC MasterCourse : 36 Projects Included (2020)
4.3 (222 Reviews)
Provider: Udemy
Time: 18.1h
$64.99
More UI Design courses
Build eCommerce websites with WordPress & WooCommerce (2025)
4.7 (889 Reviews)
Provider: Udemy
Time: 28.8h
$84.99
UX / UI Web Design in Figma | Advanced Level | Eng (2026)
4.7 (155 Reviews)
Provider: Udemy
Time: 12.3h
$19.99
DESIGN RULES: Principles + Practices for Great UI Design (2025)
4.6 (16,991 Reviews)
Provider: Udemy
Time: 4.9h
$129.99
Master Figma for Web Design & Freelancing: Learn UI/UX (2026)
4.6 (1,047 Reviews)
Provider: Udemy
Time: 12.8h
$79.99
Reviews
By Pluto12 on 11/3/2021
I am starting every time to rate more..... thank you...
By BryanT on 11/17/2020
He tries to explain concepts and makes mistakes, but solves them on the spot, which gives good insight. There is no source code, so I recommend you to have at least experience in making one site, so that if you do make a mistake you know where to look. Results are as expected, you just need to create more html files for a blog etc. You can download the photoshop images at the resource section and download/optimize images yourself in order to use them for the part 3, so you don't need to do the photoshop (step2)/ making grid template, you can go directly to coding.
By Tsvetelin Tsonkov on 10/16/2020
The course is organized very well. The lecturer tries his best to explain the concepts in a friendly way. We appreciate that. I have some experience in web development, but this course can teach you a lot.
By Alaa Mohamed on 4/20/2020
This course was great! Highly recommended. You will be surprised how much you already know in the middle sections of PSD and converting this template of PDS to HTML. The instructor takes the time to make sure that everybody understands and very helpful. I had a question that needed response as soon as possible and he responded to me on time.
By Erick Landaverry on 3/17/2020
I learned a lot from this course! Instructor is knowledgable and made it a fun process. Great Website too!
By Md Ziaus Samad on 9/22/2019
This course is really good. I learned a lot from this. Whoever wants to learn psd to responsive HTML CSS Conversion. I recommend this course.
By Eugene Bawden on 8/13/2019
This course is perfect for learning how to design a website in Photoshop and convert it to an amazing lice website. Everything you will need to know has been covered.
By Ankit Kumar Sharma on 8/12/2019
At the end of the course I have a fully responsive portfolio website... That is the awesome thing in this course...
By K G on 5/25/2019
Very cool website design. The instructor goes into all of the details and does not skip any steps, including his own thought process and adjustments.
By Gary Fitzwater on 2/16/2019
Since the instructors native language is not English he talks very slowly with some lesson taking nearly 30 minutes and very little covered. The whole course fails as if you are a beginner then he gives you NO finished product to check with your own. Basically, if you have any coding errors then you have to rely on asking a question which can take time. He is very knowledgeable and does give detailed instruction on what he is doing so you are not just coding alongside him. However, it is the monotonus tone that nearly send me to sleep. Sorry but honest review.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 88 / 100












