STEM Skills: Website Design 101 with Lesley Chard

Save this Resource

Lesley Chard, an app designer, discusses her journey in web design, highlighting her work with Newfoundland Labrador tourism and Zorbit’s Math.

In part one she explains user experience (UX) and user interface (UI) design, emphasizing the importance of prototypes and accessibility. The session aims to help students create the copy deck for a 1-page portfolio website using Google Docs or Microsoft Word. Students should make sure to include:

The title of your page
An introduction section about yourself
Your school, work, and volunteer experience
Any relevant awards or extracurricular activities

In part two learn about why prototyping is crucial in web design, with three types: low, medium, and high fidelity. Low fidelity prototypes, or wireframes, are basic sketches that help visualize layout and functionality. Following up from part one, create a simple wireframe of the 1-page portfolio site using the copy deck as an outline. Use simple elements to represent sections, text, and media, allowing for quick adjustments and feedback before developing a more refined design. Students should remember to include:

Page sections
An introduction section about yourself
Photos, videos, and icons
Important buttons and links

Learn the answers to questions such as:

What is the difference between UX and UI design?
How do you create a copy deck for a website?
What are the types of prototypes in web design?
How do you create a low fidelity prototype?
What should be included in a wireframe?

Watch Part One Now

Watch Part Two Now

Start typing and press enter to search

en_USEnglish
en_USEnglish
Scroll to Top