• 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

Carrie Wang

Carrie Wang

BIG CHECK for Joe’s STA Awards

March 10, 2023 By Carrie Wang

BIG CHECK for Joe’s STA Awards

Start: Jan 23th 2023

To be Completed: Jan 30th 2023

Client: LAITS

Staff Guidance: Maddy

Description: Big check for the winner and two runner-ups in the size of 18”x36”.

Mockup in Illustrator:

Update on March 10th:

Maddy and I decided to move with the option 2 as everything is spread out and clear. I re-used the design of awards and wave pattern on the top/bottom banner.

Filed Under: Fall 2022 - Spring 2023

UTFC City Photos: Nouméa

March 1, 2023 By Carrie Wang

UTFC City Photos: Nouméa

Start: March 1st 2023

To be Completed: March 8th 2023

Client: Steve Hoelscher

Staff Guidance: Leilani

Description: The task is about find landmark photos and cultural photos for Nouméa, the capital of the French special collectivity of New Caledonia.

Filed Under: Fall 2022 - Spring 2023

Steve Hoelscher 35mm slides

February 27, 2023 By Carrie Wang

Steve Hoelscher 35mm slides

Start: Feb 27th 2023

To be Completed: March 13th 2023

Client: Steve Hoelscher

Staff Guidance: Valerie and Maddy

Description: The task is about scanning the photo the professor would like to put on the slide. He want it to be clear with a relatively small file size (probably around 3MB per one).

I learned how to use the Epson scanner for the first time. Before the film get to scan, I should choose the film holder that fits for the size/format of the file.

Before the scanning start to possess, I used preview to see the effect and adjusted the setting of Epson application to maximize the quality of the photo.

After, the scanner is ready to scan and I exported these photo as TIF file to further edit it with high quality. To put them into a presentation, I convert the file into JPEG for the professor to review and use.

I also process the photo in photoshop to darken some of the shade without altering the film effect on the photos. I utilized Contrast/Brightness, Highlight/Shadow to adjust the photo into more color balanced-look with the remaining film look. I also learn the RGB channel to edit the color side by side. This technique is useful when only adjust on part of image since the mask can be paint over time.

  before

    in progress

  after

Filed Under: Fall 2022 - Spring 2023

STA Cut-out

February 27, 2023 By Carrie Wang

STA Cut-out

Start: Feb 20th 2023

To be Completed: Feb 27th

Client: LAITS

Staff Guidance: Valerie

Description: Making the STA cut-out one by one using Photoshop for STA presentation. The chosen “serious” pose would be either kneeling or standing depending on the “quality” of the kneeling picture (if it’s straight towards the camera).

I met one major issue when I tried to mask them from the background. When white object approach to the ground, the purple background would reflect to the object.

We tried different approach to neutralize the photos. One is using Levels Eyedropper to color correct:

  1. Select the part of the photo we want to neutralize using one of the selection tools
  2. Create a new layer with the area we want to neutralize
  3. Click on the “Create new fill or adjustment layer” button at the bottom of the Layers panel and add a Levels adjustment layer
  4. Click the Gray Eyedropper (the middle Eyedropper icon) in the Properties panel and select the grey area in the pictures to neutralize it.

However, since we discover that all reflection ally appear on white object, I found a much effective way.

  1. Create a new layer with the selected area
  2. Add a black/white effect on the new layer
  3. Mask the person out and use the brush tool to black the other area.

This technique is working well in all photos. Here is another example:

->

Other photo I make adjustment.

 

Filed Under: Fall 2022 - Spring 2023

GSD Promo Flyer

February 20, 2023 By Carrie Wang

GSD Promo Flyer

Start: Feb 13th 2023

To be Completed: End of March

Client: Department of Germanic Studies

Staff Guidance: Valerie

Description: Uniforming the flyer design of different courses with existing assets and text.

The two paragraph descriptions for SWE604 has different amount of texts in two paragraph and becomes noticeable in the paragraph. Therefore, we choose to combine the paragraph.

Filed Under: Fall 2022 - Spring 2023

The Precursors

February 20, 2023 By Carrie Wang

 The Precursors

Start: Feb 13th 2023

To be Completed: End of March

Client: Celeste Henery

Staff Guidance: Maddy

Description: Commemorate the first black student to enter UT after integration in the East Mall and build a physical exhibition for the groups of Precursors from 1956. The physical exhibition is directed by the MASS agency and they create 118 total markers with each precursor’s name and the QR code of each individual person. Our task is to design an interface that prioritizes the mobile experience that would pop up after the audience scan the QR code on the markers.

Individual Page Example:

Prototype for Mobile: https://www.figma.com/proto/kZw0Du9wtfAT3Z3pfKfyp0/Precursor?node-id=5%3A121&scaling=scale-down&page-id=0%3A1

I’m assigned to mockup one landing page + one example person’s individual page. I started to work on the example individual page with a short description of the project, the precursor’s name, portrait, and an interview with them. I create two versions for this page: one is vertical and another one is experimental with the horizontal format.

 

With the previous design, I found:

  • The design could take inspiration from the existing graphics of markers
  • The “LEARN MORE” section can be direct to the main page directly without further iteration or explanation.
  • The banner would be similar to the main page if it occupies the whole page.
  • The bigger typo on the precursor’s name is more informative and optimal for the mobile experience.
  • Lager negative space can provide a break for reading.

 

Landing Page:

The landing page contains the project name, project description (text and video), and the list of precursors from 1956.

What I alter for the second version:

  • Break the long text box into several paragraph ad prioritize part of them due to font weight, font size, or color
  • Give more information on the first block to grab eyes

 

Desktop Version:

For the desktop version, I need to remain the same design elements for the desktop but refine it with padding and size.

Prototype for Desktop: https://www.figma.com/proto/c5jamJIdmhoEMbZWeqrERS/The-Precursor_Desktop?node-id=4%3A2&scaling=scale-down&page-id=0%3A1

Update on March 6th:

Celeste and Maddy gave me several useful feedback on the website I made:

  • create a separate page for people who don’t have professional photos
  • Added a title to the page
  • Omitted the visual decoration. Just the gradient adds a nice simplicity & tie-back to the markers.
  • Add a Quote to each individual page
  • Unify the front-style library to match the WordPress existing page.

Final Prototype

Update on March 8th:

A little bit of re-design on some elements and clean up with the text.

  • Enlarge the quote and remove the gray block to keep it clean and engage.
  • Remove the fully-expanded dark-grey block for the “Learn More” block since it creates confusion with the button banner.

Thanks Maddy to implement my final design into the website. Now the physical exhibition is held on the East Mall and each precursor has their page now.

Final Website link

If the audience scan the QR code, it would direct them to everyone’s individual page. If they’re interested in more people, they can go back to the main page by the shortcut we created to browse more stories.

Filed Under: Fall 2022 - Spring 2023

  • 1
  • 2
  • 3
  • 4
  • Next Page »

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits