These are the pages I was asked to duplicate for project 02.

My intro to Figma - image 1 - student project

For project 03, I created social icons and copy to match my shopper persona.

My intro to Figma - image 2 - student project

Project 04 involved using the Figma app on my iPhone. I was able to reflect what I was doing with my iMac mouse on the phone prototype, which helped me see which buttons were too small. I also dragged sections to better locations, and increased font sizes. These are screenshots from my iPhone (I'm using iPhone 8 Figma template, which is why they look small on my iPhone 13 Pro).

My intro to Figma - image 3 - student project

Project 05 invited me to add my own animation idea to that last page. I'm familiar with Apple Keynote's Magic Move option, which works the same way, so I created a small fade-and-move-in animation for the social icons. I wanted to have them slightly delayed so that the animation would occur just after the intro arrow, but I couldn't see where to do that.

My intro to Figma - image 4 - student project

For Project 06, I created a basic mood board for my Harrison Speakers app. I probably spent way too much time looking for inspiration, and fell down a rabbit hole a couple of times! This is what I came up with (below). I tried to imagine colour tone, text fields, desirability, size, and so on.

My intro to Figma - image 5 - student project

I was following along with each preceding class, so by the time I reached Project 07, I had already added pages and columns, and had created a simple colour swatch.

Shaun Weston

Copywriter + Podcast Producer

46

15

Company

Community

Teaching

Mobile

Company

Community

Teaching