Wednesday, April 2, 2014
Shannon Simpson draft site
I am using wix.com to create a website. I thought I would make it fun and girly since our daisy troop is for girls in kindergarten and first grade. The site is more for the parents but about the girls. The address to view this site is http://gsvsc24.wix.com/daisytroop24 Please let me know what you think.
User Interface Draft - Annette Liskey
This will be an elearning website (microsite) that I develop over the next 1 - 2 months for a work assignment. Currently, we are very early in late design/early development stage of the project. This means that we are drafting mockups of the page layouts and create a site map to represent the information architecture. Once these decisions are made, we will add the body copy and graphic design elements.
My role is as the instructional designer, project manager, and web developer. I will have student employees assist with the copywriting and publishing tasks. Most likely, we will continue to enhance the graphic design as next semester as we pilot, evaluate and revise the course.
I took a prototype approach to this draft. By that, I mean that I'm using placeholders instead of graphics, sample fonts instead of final choices, and stand-in copy instead of final text. Having a low-cost prototype means that the website development can proceed although the graphic design and writing/editing phases of the project are still pending. It also make it easier for the client to understand how their decisions impact the final product because you can implement those choices in a prototype without investing time and money in creating production-ready media.
My role is as the instructional designer, project manager, and web developer. I will have student employees assist with the copywriting and publishing tasks. Most likely, we will continue to enhance the graphic design as next semester as we pilot, evaluate and revise the course.
I took a prototype approach to this draft. By that, I mean that I'm using placeholders instead of graphics, sample fonts instead of final choices, and stand-in copy instead of final text. Having a low-cost prototype means that the website development can proceed although the graphic design and writing/editing phases of the project are still pending. It also make it easier for the client to understand how their decisions impact the final product because you can implement those choices in a prototype without investing time and money in creating production-ready media.
![]() |
| Top-Level Home Page |
![]() |
| Secondary Home Page |
![]() |
| Sample Content: Paragraph with List |
![]() |
| Sample Content: Paragraph |
![]() |
| Sample Content: Paragraph with Image |
![]() |
| Sample Content: Paragraph with Sidebar Menu |
![]() |
| Blank Page with Header and Footer |
E. Anderson UI Draft
We have really awful annual safety training to do online each year. This is my re-design for one of the training courses. The old course changes format from page to page, has inconsistent images, and has bad information.
Subscribe to:
Posts (Atom)












