Design the portfolio experience
Want more background?
The idea in everyday life
Create a clear information path that works quickly on mobile, desktop, keyboard, and assistive technology.
The interface should disappear so the evidence can speak.
One step at a time.
Use the sample or information you have permission to use. Keep your work as you go. You can pause between steps.
- 1
Structure home, work, about, résumé, and contact information around the reviewer’s shortest useful path.
- 2
Use descriptive titles, readable type, sufficient contrast, visible focus, alt text, captions, and meaningful link labels.
- 3
Optimize media, avoid unnecessary animation, and provide text context for visual or interactive work.
- 4
Make location, work authorization if relevant, availability, and contact expectations easy to understand without oversharing.
See how it works.
Leo replaces an autoplay dashboard carousel with three titled cases, short result summaries, and accessible static previews linking to details.
Did you cover these?
- Your work includes a responsive wireframe and content hierarchy with an accessibility and performance checklist.
- Check this common mistake: Using experimental navigation or heavy animation that makes the portfolio itself harder to review.
- A new visitor can find the strongest relevant case and contact route using mobile, keyboard, or a narrow viewport.
What to finish
A responsive wireframe and content hierarchy with an accessibility and performance checklist.
Watch for this
Using experimental navigation or heavy animation that makes the portfolio itself harder to review.
How can I tell I understand it?
A new visitor can find the strongest relevant case and contact route using mobile, keyboard, or a narrow viewport.
Quick knowledge check
Answer all 3 questions. Get at least 2 right and the lesson completes automatically.
You’ll get an explanation for each answer. Signed in? Your results save to your account.
Pass the check. We’ll save the progress.
Answer all 3 questions above and get at least 2 right. You can review the explanations and try again.
Go to the knowledge checkOptional course overview video · same video as Lesson 1
Building Your Online Portfolio
From Colorado State University Alumni Association. Watch here or open it on YouTube .
Watch for an idea you can use in the practice below. You can pause or skip this optional overview.Tools, templates, and lesson sources
Tools and templates
Tools open in a new tab so you can keep your place here.
Sources and further reading
Explore the references behind this lesson.
Report a problem with this lesson
Tell us what went wrong. Please leave out personal information and private project contents.