WEB: TAM Portal - Milestone 2
Based on my last post, you can see the design aesthetic I was going for.
I tried to match the illustrator designs as best as I could with the actual website.
I ran into many challenges when coding the Javascript to get everything to look right. It took a ton of time, and for that reason this website is more of a proof of concept– what I mean is that only the first portfolio example of each section (physical/digital/web) actually works. I could have done the rest but this assignment seems very repetitive considering I already made a portfolio website earlier in the year.
But, I digress. The website is partly function and achieves the goals I set out to when prototyping.
Here is the basic flow of the site:
![](https://static.wixstatic.com/media/1db148_1dc5e116799c4cf9bbb39b466a650a51~mv2_d_2382_1456_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_1dc5e116799c4cf9bbb39b466a650a51~mv2_d_2382_1456_s_2.png)
![](https://static.wixstatic.com/media/1db148_1a4ace4c30234425aab788a848d2a4cc~mv2_d_2380_1454_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_1a4ace4c30234425aab788a848d2a4cc~mv2_d_2380_1454_s_2.png)
![](https://static.wixstatic.com/media/1db148_d0e0de6783b0451c85b8f429db919587~mv2_d_2380_1454_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_d0e0de6783b0451c85b8f429db919587~mv2_d_2380_1454_s_2.png)
![](https://static.wixstatic.com/media/1db148_20ea26826b3d4a4297b86e87ff2cf007~mv2_d_2380_1454_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_20ea26826b3d4a4297b86e87ff2cf007~mv2_d_2380_1454_s_2.png)
![](https://static.wixstatic.com/media/1db148_d67d06a3a2274e649a37d1377b9ded6f~mv2_d_2380_1454_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_d67d06a3a2274e649a37d1377b9ded6f~mv2_d_2380_1454_s_2.png)
![](https://static.wixstatic.com/media/1db148_7a164ef9cbbc49bbbb5bdda7f57e5c96~mv2_d_2380_1456_s_2.png/v1/fill/w_49,h_30,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_7a164ef9cbbc49bbbb5bdda7f57e5c96~mv2_d_2380_1456_s_2.png)
This is what the site looks like on mobile– all of the javascript is thrown out the window and the site becomes flat:
![](https://static.wixstatic.com/media/1db148_44e252ab7a6f4b0499f3c12562c30c00~mv2.png/v1/fill/w_48,h_73,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/1db148_44e252ab7a6f4b0499f3c12562c30c00~mv2.png)
I didn't do the portfolio sections for the mobile version because I figured on mobile the website could be more of an image showcase.
All in all, I learned a bit about javascript and more about CSS while coding this website. I can see how I might use a website like this in the future, but for now my personal blog (not this one) does just fine as a supplement to my professional portfolio site (solomonmedia.co).