Punchcut: Through the Years

Delivering HI-FI prototypes & creating an animated short film.
Delivering HI-FI prototypes & creating an animated short film.
Delivering HI-FI prototypes & creating an animated short film.

I had the opportunity to work as a UX Motion Design Intern at Punchcut. I worked on various projects that allowed me to leverage my skills in video editing, user research, and prototyping.


My final internship project was an animated manifesto video about Punchcut and how, as an agency, they have evolved and adapted to shifts in the tech industry over the years.

Role

UX Motion design Intern

UX Motion design Intern

Timeline

August 2023

August 2023

Tools

Figma

After Effects

Illustrator

Premiere Pro

Figma

After Effects

Illustrator

Premiere Pro

How can we…
How can we…
How can we…

better showcase Punchcut’s unique brand values and longevity to set us apart from other design agencies?

research

Promotional content for agencies are often one of the following:

People priority

People priority

Focused on the company culture, typically by highlighting team members.

Project priority

Project priority

Focused on showcasing their previous projects and clients.

Purpose priority

Purpose priority

Focused on showcasing the company purpose and core brand values.

CONCEPT

Purpose Priority: The Punchcut BLUE Through the Years

I focused on "purpose priority" because Punchcut has yet to communicate it through its promotional content. Punchcut had recently celebrated its 20th anniversary in 2022, so I wanted to showcase the company's longevity in the design space and capability to adapt to rapid changes in the tech industry.

final

Styleframes and Process

process

Behind the Scenes

inspiration gathering

Collecting a Miriad of Styles

A went ahead and collected pieces of wildly different styles in order to influence the each decade's styles.

// INTERNSHIP STORY BEGINS HERE
intro

Besides this video, I did other stuff!

  1. Visited the San Francisco office for Config 2023.

  2. Worked on an unnamed client project with Amazon.

  3. Hosted a community meeting with our design team.

  4. Edited social media reels to boost client engagement.

  1. Visited the San Francisco office for Config 2023.

  2. Worked on an unnamed client project with Amazon.

  3. Hosted a community meeting with our design team.

  4. Edited social media reels to boost client engagement.

  1. Visited the San Francisco office for Config 2023.

  2. Worked on an unnamed client project with Amazon.

  3. Hosted a community meeting with our design team.

  4. Edited social media reels to boost client engagement.

ixd community meeting
ixd community meeting
ixd community meeting

Hide n' Seek Game made using Figma prototyping tools.

Important Note: This was made before the introduction of variables and conditionals.

Client project
Client project
Client project

Finally, I got some kudos after our Amazon client project!

Important Note: This was made before the introduction of variables and conditionals.

Internship reflection

Retrospective

Know when something is "good enough

Know when something is "good enough

Know when something is "good enough

Client meetings can come quick and the turnaround for prototypes are less than a week. I once tried again and again to fix and polishing one aspect; leaving a huge rush to finish it in time.

Users like exploring expansive prototypes

Users like exploring expansive prototypes

Users like exploring expansive prototypes

Users during research sessions appreciated being able to explore prototypes in an open-world form, as opposed to a predefined route determined by us.

Scope out company resources

Scope out company resources

Scope out company resources

With permission, I was able to access Punchcut's extensive documentation regarding design process, previous case studies, best practices, etc. As a student, this was invaluable information.

Animate in layering phases

Animate in layering phases

Animate in layering phases

My internship project had a lot of moving parts, so my mentor (Shoutout to Bella!) told me to start with the main transitions, then slowly block out the primary motion, and then work on subtle secondary motion after.

© 2024 · Made with Magic (& duct tape) · Jaden Lee :)

© 2024 · Made with Magic (& duct tape) · Jaden Lee :)

© 2024 · Made with Magic (& duct tape) · Jaden Lee :)