Teaching Tennessee, CTE Task: Create Your Online Student Portfolio

Click here to download the task to Word. 



Work-Based Learning: Career Practicum


 120 minutes



Create Your Online Student Portfolio

Task Description


In this activity, students will:

  • view instructional videos about how to create a personal website;
  • identify specific qualities and characteristics that separate themselves from their contemporaries;
  • curate previous awards, certificates, and evidence of individual and group accomplishments;
  • compose a brief personal bio; and
  • publish a website that will act as an online portfolio for WBL.


Standard 4: Reflect on experiences through creation of a personal portfolio: Create a personal portfolio, or similar collection of work, that illustrates mastery of skills and knowledge outlined in the Career Practicum course standards and the personalized learning plan. Identify and collect artifacts and/or work products that reflect the skills developed and knowledge gained through the WBL experience. Assess personal growth through thoughtful reflection and accurately self-assess to identify opportunities for further growth and development in the future.

Products may include but are not limited to:

  • Career and professional development plan
  • Resume and/or references
  • Pictures, videos, or other media samples from the placement
  • Examples of materials developed and used throughout the placement
  • Journal entries reflective of tasks and activities
  • Supervisor evaluations and observations
  • WBL coordinator evaluations and observations
  • Exit evaluations that include lessons learned and self-analysis of skill development

 Content Understandings

Extending Understandings

Upon successful completion of these tasks students will demonstrate the ability to:

  • Identify personal characteristics and accomplishments that demonstrate mastery of CTE coursework;


  • Design an aesthetically pleasing website layout and user-friendly interface;


  • Share ongoing updates on their personal growth as a student and professional; and


  • Create a public-facing personal portfolio website.


To move students towards deeper understanding, they should be given opportunities to:

  • Review other students’ portfolios and provide feedback on their work;


  • Role-play interview scenarios in which they cite portfolio artifacts as evidence of their ability to perform a specific job task or personal accomplishment; and  


  • Work in teams to create and publish a website that highlights the school or district’s WBL program.



Support Strategies

If students are struggling to access this task, additional supports and strategies could be employed as students are engaging with the task.

Key Terms

Sentence Frames

Scaffolded Questions

User Experience





User Interface












When designing an online portfolio, consider your audience’s ideal ______________ when they interact with your website.




Regardless of the viewer’s ________________, a student’s portfolio website should be engaging and easy to navigate.





Job candidates would benefit by including more than one _____________ that demonstrates mastery of specific competencies in his/her digital portfolio.

What is an ideal interaction/experience with digital content? Do you believe your preferred interactive experience the same as an employer’s?



What elements of a website are most important to you as a user? How can you make visitors enjoy your website on a variety of devices?




How can you prove that your work is of high quality? What evidence can you provide an employer on your personal website?



Additional Resources

Videos and Articles

Spencer, J. (n. d.). Best free online portfolio creators – 2020 – showing off your best work for free. Make A Website. https://makeawebsitehub.com/free-online-portfolios/

Norton, K., et. Al. (2018, Oct 15). UI vs. ux: what’s the difference between user interface and user experience?. User Testing. https://www.usertesting.com/blog/ui-vs-ux#:~:text=%E2%80%9CUser%20experience%20(UX)%20is,a%20company's%20products%20and%20services.&text=User%20interface%20(UI)%20is%20the%20specific%20asset%20users%20interact%20with,such%20as%20colors%20and%20typography.

Wix Education. (2016, Mar 22). Create your website in 11 easy steps. [Video]. https://youtu.be/_bjF0BCXz6g

Blue Lighting TV Photoshop. (2017, Oct 3). How to make a free portfolio, website design!. [Video]. https://youtu.be/U3vi6_z692A