Week 14

Project: More Psych Lab Migrations!

 

Project: Developmental Cognitive Neuroscience Lab Website

Client/Prof: Department of Psychology

Started on: April, 2023

Completion status: Complete

Staff guidance: Stacy Vlasits, Marianne

Description/plans: Move more content from the current existing lab website to an updated theme.

 

Thought that the Chruch-Lang lab was the last website I was going to migrate? Well you thought wrong. There are multiple psych websites that still need to be migrated since a lot of them are using outdated templates and logos. The David Buss lab, is the next site that I will be migrating and there are many more psych lab sites! All of these sites are part of a multi-site on Word Press.  A multisite is a cluster of websites under the same dashboard that are managed/maintained by the same people. So at the moment I am a superadmin for all of these psychology lab sites T-T.

This is what the current David Buss lab website looks like:

You can take a look at it here.

 

I am going to move all the content of this site into the template that I previously posted about that Marianne made once again. The workflow for this task is to make a clone of the new template and just save/copy all the photos, elements, and content from the previous website into it. This is fairly simple in hindsight but sites can have a ton of content and moving everything over can actually be quite tedious. After the first migration I did last week, this one was much simpler. Because of WP’s very block modular layout across most of its themes, I could copy and paste block elements instead of have to photo each photo or paragraph one by one in the website. Another thing is making sure all the component look good and respond well in the new template.

 

Two of the pages I spent the most time on were the Books  and Graduate Students (Current lab members) pages. This was mostly because I have to download the images and resize them so that the layout of the page would look cleaner and so that all elements would have the same dimensions.

 

The home page is also a challenge since I’m attempting to replicate the look of it in the original website while also making it responsive.

 

This is one of the first ways I layout the cover image and the books out. I thought it was sort of awkward looking, all the books were different sizes and they did align with the cover image. To top it off the cover image was just oddly large and while it have have fit that mid-2000s vibe in the original, it’s not cutting it in 2023.

 

This is what I decided on (picture below). I cropped the height of the cover image and made it wider and also cropped/resized all the books images so that they would be the same dimensions. I used a lot of containers to accomplish this, all the the slot where the books are in are containers. Check it out here

Week LXXI

STA Presentation

This rearranged my schedule a lot last week, the presentation itself went great! The only other assets I worked on (Marissa did the lower thirds final versions) was this grid for the intro animation, which I made a standardized template for first.

EDIT: oops, I already covered the grid last week.

 

French Textbook

Finally back on this! There’s been a lot of interesting cases, especially the numbers and calendar-related vocab. For one set of numbers, I was cropping into a scrapbook style.

For another, I got to make some original graphics to match the format of birthday candles.

GOV 306C Backdrops

Project: GOV 306C Backdrops
Client: GOV 306
Completion status: started April 13th
Staff guidance: Maddy
Description/plans: For the digital backdrop, the professor wanted something similar to the vertical backdrop we use in GOV 310, and similar to the day stage background panels. The campus/tower pictures had to be desaturated and have a color overlay/color gradient to match the tan/sepia tone.

• Going into the studio to test the backdrop appearance was super fun! I hope I get to test more backdrops in the future:0
• I also learned to be wary of cropping/logos because they can be cut out or cropped differently than how we think they might appear.

 

 

GOV 306C cont’d…

Canvas Dashboard and Homepage Banners

 

Week 13

Hello! this week I wrapped up on the Psych Lab Website. This is what the content looks like on the new template.

 

Home Page

 

Lab Members

 

 

Research, Publication, Current Projects

I combined the Research and Publications tab into subsections and gave Current Projects section in the Research page of the original website its own page.

 

 

 

 

Location

The location page was renamed to Contact Information.

 

 

Volunteer

 

News & Events

 

 

The new template also includes a footer and an updated logo for the department of psychology!

UTFC Logo Design 

Project: Connexions Francophones Logo
Notes: This week I’ve been focusing on finalizing the logo for approval. Although now after recent feedback, this project will come to a halt until further notice. Currently, I have altered the colors and tweaked a few paths in Adobe Illustrator.

 

 

UTFC Advertisements

Project: Connexions Francophones Ads
Notes: This project is also on pause as I will be focusing on other elements of this project. For now, I have another quick sketch of a possible advertisement.

 

 

UTFC Studio Testing

Project: Backdrop Color Testing
Notes: Since UTFC plans on recording its lectures this summer, I had the opportunity to go inside the recording studio to test backdrops for the lecturer. It was a cool and fun moment to get a hands-on experience with the other side of this assignment! I could see the backdrops in real time and edit them to the correct display such as altering contrast and saturation inside Photoshop.

AI in Healthcare Course Graphics

Client /Prof: Department of Computer Science, Masters of Science in Artificial Intelligence
Completion Status: Started on April 5
Staff Guidance: Maddy
Complete by: May 1

Recently I was given a project to create course assets for the new AI in Healthcare online course, which will be available through edX. This course will teach the positives of using AI technology in healthcare to reduce human error and make doctors more successful and efficient in their work. For this course I’ve created the studio backdrop for lecture sections and the iPad overlay slide, and am currently working on the logo and intro animation sections.

Studio Backdrop:

iPad overlay (really just updated the text):

 

And looking at my logo drafts, here are some of my sketch pages:

And here is a version of the logo that we’ve settled on, so I’ll be improving it further today: