The software I used to draft website prototypes was an online tool: cacoo.com

Below I have embedded previews of each of the wireframes (Home Page, Introduction, Module 1). an image of the home-page design mock up

The home section presents a proposed layout. The embedded mockup below has a left-hand-side menu but  I would opt to have a very simple full-width page with all main sections available from there (see the graphic on the right). The left-hand menu would be appearing only in individual modules

 

 

Home Page

 

website Wireframe

Each section of the individual modules are in the left-hand-side menu. While I have them all on one page in my wireframe, the website should have them as separate pages.

Introduction – I was trying to link each section of the course and instruction with Gagne’s nine steps of instruction (these are as comments in red on the right-hand-side).

Module 1 – should incorporate reflective cycle.

 

Introduction Page

 

Module 1

Please follow and like us:
Pin Share