WEB: TAM Portal - Milestone 1
For my TAM portal, I want to keep the aesthetic very minimalist.
I want it to be to the point, effective, and showcase my best work from TAM.
I built out a basic illustration of what I want the site to look like in Illustrator.
When you first get to the site it just says TAM Portfolio, the user will be driven to click/mouse over the only object on the page
![](https://static.wixstatic.com/media/1db148_79398948f833481187c7233dda91b293~mv2_d_8000_4500_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_79398948f833481187c7233dda91b293~mv2_d_8000_4500_s_4_2.jpg)
The menu will then drop down to display the categories Physical, Digital, and Web, the 3 different types of work I've done in TAM
![](https://static.wixstatic.com/media/1db148_7485dc1a23744b04aaaf5d8c77825b17~mv2_d_8001_4500_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_7485dc1a23744b04aaaf5d8c77825b17~mv2_d_8001_4500_s_4_2.jpg)
Here I illustrate what the physical work page might look like
![](https://static.wixstatic.com/media/1db148_571a1e7dfe30469898a6ae99a10cd0a0~mv2_d_8000_4501_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_571a1e7dfe30469898a6ae99a10cd0a0~mv2_d_8000_4501_s_4_2.jpg)
Then when the user mouses over a project's thumbnail, a title and small description appears. I'm not sure if I want the interaction to be a click or mouseover yet.
![](https://static.wixstatic.com/media/1db148_ac03eadb9ed947f8925428e8acbae1d9~mv2_d_8001_4501_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_ac03eadb9ed947f8925428e8acbae1d9~mv2_d_8001_4501_s_4_2.jpg)
If the user clicks the arrow, it brings them to a more detailed page about the project
![](https://static.wixstatic.com/media/1db148_706b4b610ae4439ea648efc4c9c931a1~mv2_d_8000_4501_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_706b4b610ae4439ea648efc4c9c931a1~mv2_d_8000_4501_s_4_2.jpg)
Then they can close the window and return to the work page. And from there they can use the menu to go between the different pages.
![](https://static.wixstatic.com/media/1db148_753268196b1e46f7889a6bcda263b5c5~mv2_d_8001_4501_s_4_2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_753268196b1e46f7889a6bcda263b5c5~mv2_d_8001_4501_s_4_2.jpg)
All of the interaction of the site centers around the menu, so I will spend the most time getting the animations/transitions/interactions working well with that.
Then I think the rest will be fairly easy.