Learners will create a portfolio showcasing their UI/UX projects and deploy it to GitHub. Creating a strong portfolio showcases not only their skills as a designer, but also their perseverance to learn some new skills outside the typical purview of a designer (in this case, coding languages HTML and CSS, and Microsoft’s Visual Studio Code).
![Coursera Project Network](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/89/a0db8f3ea3417ca90d4f3a4ca1d73e/coursera-projectnetwork-purplesquare.png?auto=format%2Ccompress&dpr=1&w=28&h=28)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/747e14ad140eb3a482a04ffd88001198.png?auto=format%2Ccompress&dpr=1&q=80)
![Coursera Project Network](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/http://coursera-university-assets.s3.amazonaws.com/37/fa0d14d281428bb2f111ab5a67974a/coursera-projectnetwork-full-rgb.png?auto=format%2Ccompress&dpr=1&h=45)
Create Your UI/UX Portfolio with GitHub
![Rochelle Deulley](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/e3/70a50cfd5b4485ad9fbcadf70c3a68/Untitled-design-21-.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Instructor: Rochelle Deulley
Sponsored by Coursera Learning Team
2,728 already enrolled
(28 reviews)
Recommended experience
What you'll learn
Customize beginner-level HTML and CSS to create a portfolio website and deploy it on GitHub.
Details to know
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/31ebcba3851b87d1d8609abf15d0ff7e.png?auto=format%2Ccompress&dpr=1&w=24&h=24)
Add to your LinkedIn profile
Only available on desktop
See how employees at top companies are mastering in-demand skills
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/74c8747e8210831049cf88dd4eefe26c.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=320)
Learn, practice, and apply job-ready skills in less than 2 hours
- Receive training from industry experts
- Gain hands-on experience solving real-world job tasks
- Build confidence using the latest tools and technologies
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/4db8408a269c2d6804a5ac33536af429.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=562)
About this Guided Project
Learn step-by-step
In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:
Set-up GitHub and Visual Studio Code
Download a Bootstrap Template
Customize your Navigation Bar & Hero Section
Import Images onto your Site
Write an About Me Section
Configure GitHub & Customize your Skills Section
Customize your Portfolio
Customize the Testimonials & Contact Section
Recommended experience
UI/UX designers who have 3- 6 completed projects (wireframing, Agile teams, design, anything!) they want to showcase on a portfolio website.
7 project images
Instructor
![Rochelle Deulley](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-instructor-photos.s3.amazonaws.com/e3/70a50cfd5b4485ad9fbcadf70c3a68/Untitled-design-21-.jpg?auto=format%2Ccompress&dpr=1&w=75&h=75&fit=crop)
Offered by
How you'll learn
Skill-based, hands-on learning
Practice new skills by completing job-related tasks.
Expert guidance
Follow along with pre-recorded videos from experts using a unique side-by-side interface.
No downloads or installation required
Access the tools and resources you need in a pre-configured cloud workspace.
Available only on desktop
This Guided Project is designed for laptops or desktop computers with a reliable Internet connection, not mobile devices.
Why people choose Coursera for their career
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Felipe_Moitta.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Jennifer_John.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Larry_Tao_Wang_1.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
![](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/growth_testimonials/passionate_learner/Chaitanya_Anand.png?auto=format%2Ccompress&dpr=1&w=64&h=64&fit=crop)
Learner reviews
28 reviews
- 5 stars
60.71%
- 4 stars
28.57%
- 3 stars
7.14%
- 2 stars
0%
- 1 star
3.57%
Showing 3 of 28
Reviewed on Feb 10, 2022
The last two video litter unclear, because the instructor don't show the change effect to the website
Reviewed on Jul 28, 2022
Great project. I followed along with a different template and was still able to acheive desirable results. Thank you.
Reviewed on Dec 16, 2021
Keep more of these tutorials. Helpful for a beginner to be a UI developer.
You might also like
California Institute of the Arts
Coursera Project Network
![Placeholder](https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera_assets.s3.amazonaws.com/images/7a1c0e2e779c1ff27cae62480adfe003.png?auto=format%2Ccompress&dpr=2&blur=200&px=8&max-w=120)
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy