Assignment #1 • Blog & Bio Card

University of Miami | MFA Interactive Media | PROTOTYPING | Prog. Kim Grinfeder

ASSIGNMENT #1

Part of our first assignment was to create a blog for our Prototyping Class. I already had a blog created since it is typical for people in my line of work to maintain a current Portfolio of work, which keeps me relevant and always exploring.

For this assignment, we have to create a Bio Card and the first thing we need is a sketch.
The Bio Card is to include 5 things I want people to know about myself and each of these things have to be interactive.

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

BIO CARD PROTOTYPE

This is the opening of my Bio Card project. I wanted it to have more color, but it became a little challenging to make it look how I envisioned since I am new to coding from scratch. Even though I am new to it, I think I did pretty good.

I have 5 buttons on the bottom which take you to new pages and more information about me.

This is the first interaction of the page. Once you click on Fact #1, there will be a small window opened with some text…

I really like this interaction. It is a small surprise for the audience.

Bio Card • Interaction 1

Another fun interaction is the carousel:

Bio Card • Interaction 4

Here you can click on the arrows and reveal a new image with more information.

Once the project is uploaded on GitHub, I will post a direct link.

Inspiration:
Mohamed Shohag Behance

Share Post :

More Posts