Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy
"2026
UIUX Designer | Coding Designer Agency Pass Portfolio Reveal"
This is a practical lecture on creating a UIUX web portfolio that catches the interviewer's eye.
The curriculum is designed not just for simple portfolio creation, but to enhance your competitiveness as a UIUX designer with differentiated results utilizing interactions.
First of all!
I would like to recommend this to these people.
✨ I don't know what the problem is, but I feel like my portfolio is old
✨ People with no sense of design
✨ People who want to add moving elements
✨ People who just don't know anything
I took a really weird class during my national education.
I didn't know how the code worked, and I didn't know how to use the plugin, but they told me to make a portfolio..
When I look back at the portfolio I made like that, it's so ugly. It's old-fashioned..
✨But...
I was so, so grateful that I met Jiyoung's lecture.
I wanted to add dynamic elements, but I didn't know how to use them on my own.. I didn't even know the principles.
Even though I learned them one by one, I couldn't use them properly, so I couldn't see the light....
In particular, if you're interested in ✨scroll triggers✨, I highly recommend it!!!
There were times when I felt like he spoke a little too fast, but I liked it better than talking too much and being slow.
(Koreans like it)
Thanks to Jiyoung's lectures, I'm listening to them now as if I'm starting my studies from scratch. I'm going to take another clone coding class. At first, I thought, "Wow... can I follow along?"
Thanks to this help, I was able to complete my portfolio by adding my own colors based on the know-how that Jiyoung gave me.
I was happy to be able to learn elements that are often used in practice. And you keep adding lectures... I think it was more fun because you make lectures that fit the new trend, so they aren't just cliche lectures for education. I don't think I can learn with such a sense of design and beauty anywhere else?! Anyway, I really recommend it!
Thank you so much, Jiyoung. Thanks to you, I'm learning one by one! Thanks to you, I can see the way....
5.0
조병민
100% enrolled
While preparing for a web publisher job, what I always worried about was 'How can I create a portfolio that stands out?' I really wanted to include interaction effects, which are a current trend, but I couldn't grasp it at all by self-studying... I searched YouTube, but something always seemed missing, and I was struggling for a long time. Then I took this lecture by J.young, and I want to say it's truly a life-changing course!
Instead of just having us follow along with animations using ScrollTrigger, they helped us get a 'feel' for how to apply them in an actual portfolio. The examples were so trendy that even while following the lecture to create them, I naturally thought, 'Wow, I need to use this in my portfolio right away!'
Especially since the instructor explained everything step-by-step at a beginner's level, even someone like me, who's a coding novice (?), could comfortably finish the course. When I got stuck in the middle, I was so grateful that they kindly answered my questions when I posted them in the community. Thanks to that, as I applied wonderful interactions one by one to my own portfolio, I even gained confidence, thinking, 'Ah, I can do things like this too!'
Now, my completely plain portfolio has transformed into a dynamic website that is vibrant and can really grab viewers' attention. This kind of lecture is truly the best, to the point where I want to keep it to myself! Instructor, thank you so much for the great lecture, and I look forward to the next one 😊💖
5.0
넴모
66% enrolled
Thank you for the great lecture.
I was preparing to be a web publisher. I made a portfolio to put my resume in, but even though I added animation effects with my CSS knowledge, the site was bland.
But other people's portfolios looked really fancy, and I wondered how they made those popping animations.. I thought they were experts in js.. But it turns out they all used gsap!
After I learned about gsap, I found out about J.young while looking for lectures, and it's really like the luck of my life!
Through various examples, I learned how to use gsap ScrollTrigger, and my bland portfolio seems to have become more lively!
In conclusion, I was able to create a portfolio that wasn't visually boring by using gsap, and as a result, I received interview offers from several places.
I'm currently studying on my own with a confirmed job offer :D
Thank you again for the great lecture~~! I'll be looking forward to other lectures!
What you will gain after the course
You can personally complete an interactive UI/UX web portfolio that catches the interviewer's eye.
You can understand the criteria for a successful agency portfolio and apply them to your own work.
Through successful UI/UX designer portfolio examples, you can clearly establish employment standards and direction.
You can complete a UI/UX web portfolio that can be used immediately for employment.
You can understand and apply interaction implementation methods and patterns used in practical work.
You can implement differentiated interactions using GSAP ScrollTrigger.
📢 We are revealing the UIUX Web Planning, Design, and Frontend Bootcamp graduates' team projects and personal branding-based agency acceptance portfolio cases currently managed by the instructor.
This is a practical lecture on creating a web portfolio for employment as a UIUX designer. UIUX Designer!! Is it possible to get hired with just a single UIUX planning document? The reality is not like that.
For non-majors and inexperienced job seekers, the standards of the actual field are much higher than expected, and the reality is that it is difficult to even get an interview opportunity with just a simple UIUX planning document and prototype.
The time an interviewer looks at a portfolio is only between 3 to 7 seconds!! If you don't catch their eye within this short moment, the opportunity will not be given.
To be accepted as a UIUX designer, you must be able to demonstrate UI design, understanding of UX processes, and interactive web implementation skills all together.
Then why? Why do UIUX designers need coding implementation skills? In practice, companies hire newcomers based on 'growth potential' rather than fully completed capabilities. And that potential is determined by the portfolio.
Therefore, in this lecture, beyond simple portfolio creation, we have designed it to increase employment competitiveness by learning portfolio strategies based on actual acceptance cases and interaction implementation methods as a UIUX designer who can also implement the web, and completing differentiated results. Furthermore, we will provide continuous updates based on this design direction!
📢 Vivid Reviews from HRD Graduates
📢 Bootcamp Graduate Acceptance Chat
📢 Accepted into a Large-scale AgencyPersonal Branding Portfolio Case Study
📢 Recommended for these people
Those who want to create a spectacular site using GSAP's scroll Trigger
Those who want to create a portfolio that guarantees acceptance into an agency
Those who want to implement glitzy interactions that fit the latest 2023 trends
GSAP Scroll Trigger Those who want to learn Animation from the basics to advanced applications
What you will learn 📚
🫡 이 강의는요!
Learn how to create a portfolio that captivates interviewers through 2026 agency-accepted portfolio case studies.
Beyond simple planning, you will understand portfolio structures and standards that can be used immediately for employment, and be able to complete differentiated results.
Additionally, you will learn interactive implementation based on GSAP ScrollTrigger, which is actually used in award-winning international sites and by major agencies.
You can learn how to create a Scroll Direction Event for the Header area.
Create an event where the navigation bar detects the scroll direction, disappearing when scrolling down and appearing when scrolling up.
Creating animations using SVG
Creating MouseHover effect animations using Splitting.js
Create Text Animation using 3D properties
You can create a background scrolling banner using SimplyScroll..
You can implement a spectacular interactive web using GSAP's ScrollTrigger..
Responsive Web(max-width: 1650px) can be created..
Responsive Web(max-width: 1300px) can be produced.
Responsive Web(max-width: 800px) can be created.
Responsive Web(max-width: 500px) can be created.
1st_update video it is.
This is an image and text animation that appears in response to scrollTrigger.
This is the 2nd_update video.
I have created a gallery that scrolls along the X-axis.
2nd_Update Video Responsive Web
This is a responsive web gallery section that scrolls along the X-axis.
This is the 3rd update video.
We will create a gallery that scrolls along the Y-axis.
This is the 4th update video.
We will create an image that follows the mouse pointer.
This is the 5th update video.
This is an interaction where sections are fixed on the Y-axis while sub-sections scroll.
This is the 6th update video.
Creating a gallery that scrolls while swaying left and right along the X-axis.
This is the 7th update video.
Let's create a character that greets you as you scroll.
We will create a text animation that fills up according to the mouse movement.
Creating a waving text animation using Clip_path.
This is the 8th_1 update video.
This is a tutorial on how to create an animation that scrolls horizontally in an infinite loop when scrolling down.
This is an animation created so that images floating at a tilted Z-axis angle return to their original positions and flatten out upon scrolling.
This is the 8th_2 update video.
This is an animation where the text fills with color upon scrolling.
This is the 9th_1. update video.
This is a GSAP ScrollTrigger Animation that progresses brilliantly as you scroll.
This is the 9th_2 update video.
Animation that twists along the Z-axis using Position: Sticky
Expected Q&A
Q. What can I learn by taking this course?
You will be able to understand UI/UX processes and plan and create your own portfolio accordingly. If you are currently a professional in the field, you will be able to implement more trendy and interactive responsive websites.
Q. What kind of content will be included in additional updates?
1. UI/UX processes you need to know in practice and how to plan and design a portfolio based on them
2. References that can be applied to portfolio production for getting a job as a UI/UX designer, web publisher, or front-end developer
3. Applied examples required for creating trendy and interactive websites will be updated. 4. For smoother learning, if you join the Jalnan Web-D open chat room operated by J.young, we share essential tips and free webinar links related to Figma, UI/UX, coding, and portfolio production.
Open Chat Room Name: Jalnan Web-D Code: jyoung
Recommended for these people
Who is this course right for?
Those who want to create a differentiated portfolio while preparing for a job as a UI/UX designer
You can personally complete an interactive UI/UX web portfolio that catches the interviewer's eye.
Those who feel the design is fine but the lack of interaction implementation leaves the quality somewhat disappointing.
Those who feel frustrated because they cannot create a competitive portfolio while preparing for a job as a UI/UX designer.
Those who have created a UIUX job portfolio but continue to fail interviews due to a lack of differentiation.
I am J.Young, a UI/UX Full-Stack Design Director utilizing AI.
I have over 20 years of practical experience in web and app service planning, design, and development, and I am currently working as an instructor for UI/UX web planning, design, and front-end bootcamps.
Based on my practical experience, I have helped over 500 students find employment in the design and IT fields, and I am currently focusing on teaching practical skills and new portfolio creation methods suited for the AI era.
My teaching philosophy is!
Building capabilities that can be immediately applied in the field
Instead of simply learning how to use tools, I help you build capabilities that can be applied immediately in the field by experiencing the same process as actual work, from planning to design, development, and deployment.
Focusing on core competencies required in the field
We focus on learning AI utilization skills, problem-solving abilities, and collaboration skills required in the rapidly changing job market.
Creating a portfolio that leads to employment
We focus on creating projects and portfolios that can capture the interest of interviewers.
In the AI era, design alone is not enough.
Now, you need the capabilities of a Fullstack Creator who can plan, design, implement, and deploy. You will gain basic proficiency in design tools and create actual services using Claude, Codex, and Figma, experiencing how to produce results alongside AI.
- If you are feeling lost on where to start, - If you want to increase the competitiveness of your portfolio, - If you want to grow faster by utilizing AI, I will be your reliable guide.
I will be with you until the moment your results are complete.
Professional Experience
2017~Present | Digital Product Director & UX Consultant
2015~2017 | Executive Director, EliEsel Inc.
2003~2015 | Executive Director, Amusingware Inc.
2003 | Head of Design, Seowoo C&D
Lecturing Experience
Employment Portfolio Creation and Project Mentoring
Corporate lectures and practical competency enhancement training
Practical lectures for universities, corporations, and educational institutions
Design · Development Portfolio Consulting and Group Mentoring
Team coaching and portfolio guidance based on practical projects
Practical training for corporate employees and job seekers
AI-based UI/UX · Frontend Practical Education and Consulting
- Current) Full-time Instructor for UIUX Planning · Design · Frontend Bootcamp (EZEN DX Academy - Gangnam Branch) - Specialized Lectures on Design/Development Portfolios and Team Group Lectures
For smoother learning, if you join the Jalnan Web-D open chat room operated by J.young, I will provide answers to lecture questions and feedback on your portfolio.
- Open Chat Room Name: Jalnan Web-D - Code: jyoung
I am a student who has taken several of Mr. J.young's lectures.
I think gsap scroll trigger is one of the libraries that designers who like interaction cannot miss. However, JavaScript is somewhat difficult for designers, but the teacher explained it as easily as possible.
There are several people who teach gsap at Inflearn, but the reason I liked this lecture the most is that it is familiar to designers.
Especially, since I learned based on trendy cyan, my desire to learn increased even more ㅎㅎ
👉 I definitely recommend it to designers who are interested in coding.
👉 I think it will be helpful for those who are creating a new portfolio this time.
👉 I think it will definitely be applied to practical work for those who are simply interested.
Thank you so much for making such a great lecture.💕
Above all, I appreciate that you give me your attention as quickly as possible when I ask you a question.
Sir~ Thank you so much for your sincere course review.
I am also a designer...I think it is inevitable that I want to teach only when I like the design~~
If the design is pretty...I get the desire and motivation to make it..
Thank you again for your sincere course review^^
Have a nice weekend^^
J.young Dream
While preparing for a web publisher job, what I always worried about was 'How can I create a portfolio that stands out?' I really wanted to include interaction effects, which are a current trend, but I couldn't grasp it at all by self-studying... I searched YouTube, but something always seemed missing, and I was struggling for a long time. Then I took this lecture by J.young, and I want to say it's truly a life-changing course!
Instead of just having us follow along with animations using ScrollTrigger, they helped us get a 'feel' for how to apply them in an actual portfolio. The examples were so trendy that even while following the lecture to create them, I naturally thought, 'Wow, I need to use this in my portfolio right away!'
Especially since the instructor explained everything step-by-step at a beginner's level, even someone like me, who's a coding novice (?), could comfortably finish the course. When I got stuck in the middle, I was so grateful that they kindly answered my questions when I posted them in the community. Thanks to that, as I applied wonderful interactions one by one to my own portfolio, I even gained confidence, thinking, 'Ah, I can do things like this too!'
Now, my completely plain portfolio has transformed into a dynamic website that is vibrant and can really grab viewers' attention. This kind of lecture is truly the best, to the point where I want to keep it to myself! Instructor, thank you so much for the great lecture, and I look forward to the next one 😊💖
Let's go~ You've completed your portfolio~~Thank you for your hard work^^
If you come to the Jalnan Webdi KakaoTalk open chat room, I'll give you 1:1 feedback on your portfolio~~
Have a happy holiday~
J.young Dream
Hello, Ms. Kang Ye-bin.
There is a 30% overlap with the YouTube lectures, but the content that allows you to actually complete the entire portfolio is only available in this course.
You can complete your portfolio just by following along with this course.
Thank you.
Jay Young Dream
The teacher's lectures are the best! He explains various interactions that are applied in practice in an easy-to-understand way! He even teaches you how to use various plug-ins, which is really helpful for creating a personal portfolio!
Hyunsoo~~ Thank you for your high class review~~~
I hope my lecture will be of great help to you in creating your portfolio^^ .
I hope you achieve your desired goals~~~ Always fighting^^
J.young Dream
(1).gif?w=960)
![Responsive Web Development with Bootstrap [Practical] BootcampCourse Thumbnail](https://cdn.inflearn.com/public/courses/333141/cover/2e0b10d5-7e3c-4dd9-ace8-b3374cb55007/333141.jpg?w=420)
![Responsive Web Development Using Bootstrap [Basic Concepts] BootcampCourse Thumbnail](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?w=420)
