STA Blog

Summer online course menus

By

Summer Online Course Menus

STAs has been working on many summer course graphic requests, so to keep track of all the projects, Thuy designed a menu template to show all requested assets for each project. At the end we will have a master PDF file with all completed projects that can be presented to project managers or future clients.

 

These are some of the menus I worked on:

 

RSS – Image Annotation

By

RSS – Image Annotation

 

The Remote Studio System (RSS) is a set of equipment, training materials, LAITS staff support and methodology designed to create professional, polished online instructional media. STAs were tasked with sets of images to annotate(captions, labels, arrows, or other helpful design touches). We were given specific font choice, size, arrow type, and padding to keep all annotation consistent. These are the images I was assigned:

 

Check out the full tutorial: 

Backdrop

CH 304K and CH 305 Chemistry in Context

By

CH 304K and CH 305 Chemistry in Context

Edits for the requested style b package. We went with this color purple for a fun contrast with the yellow flame in the banner. I also did custom edits to the button bottom bar to be a shade of the purple instead of a gray. Both courses have the same title and instructors so the only edit I made differently was changing the “CH 304k” with “CH 305”.

 

GOV 350K Summer Course

By

GOV 350K Statistical Analysis in Political Science

 

We are using 2 general style templates(style A/B) for most of the summer online course graphics, Professor Stephen Jessee picked style A.

Requested assets: Homepage, Dashboard, Buttons, Individual Lecture Segment Video Slide, iPad Overlay.

 

Homepage graphics

Lecture slides

iPad Overlay

 

PDF Design Menu for Summer Online Courses– STYLE A

By

PDF Design Menu for Summer Online Courses– Style A

 

I was tasked with the role of project lead for creating the client-facing PDF Design Menus for Summer Online Courses style A, which is the more formal monochromatic version of the two versions that we are going to offer our client. Project managers will use our PDF Design Menus to show clients what we can offer them to customize the graphics for their course.

 

Canvas Homepage Graphics

This is the general style guide for the canvas homepage banner

For style A, we are using the round canvas button graphics

Canvas Dashboard

To make sure the course title and professor’s name are legible, we decided to keep the dashboard graphic clean.

Stingers (More icons!)

We are offering 4 general stinger options for both style A and style B: Quiz, TA Discussion, Chat, and Survey. Style B will be in a different color scheme

Back to making icons yay 😀

     

     

Title Slide and Pre-roll

Professors can request a title slide for their ppt presentation. Pre-rolls will be sent to the video team for animation.

iPad Overlay

This is a mock up of how the course will look on ipads.