It was awesome to see everything come together for this one! I had some issues recording the ticket animation for some reason (my screen kept skipping over the animation like 4 times I recorded it), but it didn't change much between Assignment 10 and now— I just improved the timing. 

Here's the link!
https://vimeo.com/1237336520/e68a2a6751 

Assignment 21: Design Spec
I used DesignDoc[Spectral] to make this. I had to go back and change one or two things in my card before calling it done. This pluigin is very useful for easy handoff and checking your own work. 

Assignment 20: Review Card
Some of the components I used for animations started with 0% opacity, so it would be nice to figure out how to reorder component folders so I get a different preview, but overall useful for cleaning up the file. 

 

Assignment 19: Video Card
I took a page out of our instructor's book and used a puppy video :) 
Got it to only show pause/play controls on hover (even though this is mobile. For the sake of the image I didn't want a persistent pause/play on the screen). Got it to swap to the right instance and pause or play correctly! 
https://vimeo.com/1236628198/decd7c03b3 

Assignment 18: Social Media Ad
I used an image from a previous assignment for the spillover mask. I had a lot of fun creating this with all the different mask/blending mode techniques. 

Assignment 17: Cureved Text
I didn't know this was possible in Figma! So cool!

Assignment 16: It's Your Birthday!
I've seen people use these before, but now I understand why they're useful to set up. Bet this assignment will help speed up lots of future work!

 

Assignment 15: Expanding Search Bar
This one was very fun; so satisfying to watch it pop open and closed again :)

https://vimeo.com/1236569513/b6cf8f0810 

 

Assignment 14: Interactive Component

 

Assignment 13: Horizontal Scroll
https://vimeo.com/1236349216/6f8a295711

 

Assignment 12: Houdini Text Animation
https://vimeo.com/1236340698/93af2b6f63 Link to my Houdini Text :D

Assignment 11: Variant Animation

I had a lot of fun making stars spin and grow using 2 different variants for this one :) 

 

https://vimeo.com/1235994291/33de0b95e3 

Assignment 10: Check Out Animation

The timing for this one is probably way too fast lol, but I enjoyed using anticipation to give the ticket more of a life-like feel. 

https://vimeo.com/1235984972/e727e1e671 

Assignment 9: Event Branding
The logo was an image I vectorized and slightly altered- originally sourced from img.freepik.com. 

 

Assignment 8: Number Variables 

Couldn't record prototype mode (which is a shame, because it looks so cool!) but here's a screenshot. I linked up 2 cart items with different number variables each set to 0.

 

Assignment 7: Color Variables

Variables are on a different page in Figma now so this is a screenshot set on top of my two light and dark mode screens. 

 

Assignment 6: Multi-Dimensional Variant

 

Assignment 5: Event Card Constraints
Video of card being responsive: https://vimeo.com/1225745546/185b3c2f37

 

Assignment 4: Responsive Nav Bar

Project 3: Grids

 

 

Project 2: Band Listings

Project One: Genre Listings