• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Teresa Cagle

Teresa Cagle

HIS 315K Canvas Homepage Mockup

July 6, 2016 By Teresa Cagle

I am assisting Ashley and her team with designing Dr. Mintz’s Canvas site. At the moment, I’ve been putting together some mockups of what the homepage for his online site might look like.

We found a basic design that everyone liked, but had some details we wanted to try out. Here are two drafts of that. One made all of the module cards have the same color strip of orange and the other removed the text below the title cards. I also added two new modules at the top.

mock Mock3


Here are the two drafts original I’ve put together:

mock mock2

Lightbox

Filed Under: 2015 - 2016

HIS 315K Canvas Color Palette

July 1, 2016 By Teresa Cagle

I designed a color palette for HIS 315K’s Canvas site, so assist everyone with designing and to show the professor. colorpalette

Filed Under: 2015 - 2016

HIS315K Canvas Banner

June 29, 2016 By Teresa Cagle

I was asked to help design a banner that would be published on Canvas for the History department. Here are my two drafts:

draftA draftB

Filed Under: 2015 - 2016

AMS Logo and Banner

June 23, 2016 By Teresa Cagle

I am helping the American Studies department redesign their logo and banner for their homepage.

After a couple changes made that the client suggested, here is what the logo looks like:

Screen Shot 2016-07-19 at 11.50.06 AM


The client liked the first design, but felt that there needed to be an indication that this year is the 75th anniversary for AMS on the logo. Here are my latest drafts, with an added element: the 75th anniversary.

Screen Shot 2016-07-12 at 10.22.24 AM


These are the options I sent to the client on 6/30:
Screen Shot 2016-06-30 at 11.44.25 AM

–Version of 1 color & 1 b&w
where the AMS dominates the combined shape (AMS bigger)
Screen Shot 2016-06-27 at 12.45.55 PM
–1 b&w version
where “AMS” lettering is white on black squares
 Screen Shot 2016-06-27 at 12.46.05 PM
–Versions where you are treating
  • the western hemisphere
  • “American Studies In The World Today”
  • AMS
as a well balanced all in one logo.
Screen Shot 2016-06-27 at 12.45.46 PM

Here are my drafts from 6/24/2016.

Screen Shot 2016-06-24 at 1.45.09 PM


Here are my first, very rough drafts. What I focused on with this draft was just the placement of the western hemisphere and the AMS sign.

Screen Shot 2016-06-23 at 11.45.18 AM

Filed Under: 2015 - 2016

eForensics Bone Images

June 15, 2016 By Teresa Cagle

Ben and I helped Ruben prepare images for an interactive eForensics project. We cut out different bones from a human skeleton. Here are the bones I cut out:

 

bone23 bone24 bone25

bone27bone29 bone30 bone31

Filed Under: 2015 - 2016

LAITS Portfolio Mockups

May 18, 2016 By Teresa Cagle

Andre has been preparing a new LAITS portfolio for the COLA website. The portfolio will showcase stellar projects created by the staff.

I created a draft of the landing page for the portfolio. This was special for me because it was the first time I worked on a web page in Sublime Text. I didn’t have to do much of the actual coding, I just edited the writing and added photos. I also edited each of the banners and images. Here is a look at my draft:

Screen Shot 2016-06-03 at 12.52.42 PM

Andre asked me to write the copy for the PSY 301 online course project and the Pitch Perfect Pinyin project. To write the copy, I interviewed the project managers for each project and learned about each one, and what made those projects special. Then I created these mock web pages, showing how I would present the body copy and what graphics I would use to complement the copy. In the end, these web pages will actually just be lightboxes that pop up on a main web page, but for presentation sake I just designed them as individual pages.

Here are my first mock pages:

PSY301Lightbox

PPPLightboxDraft

Filed Under: 2015 - 2016

  • « Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • Next Page »

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits