![](\"https:\/\/lh5.googleusercontent.com\/EW9Vb7IXiOq0PoLci89ehI1pQ70rA3dVY53HtYiccnJ1XQjycM_viWmxL08MSPQ2BCJ61Vfwwy9luXPygoqgoeUkCcRqBKw7BHpof2aabzrQ_fcS-MGjFYW7-didksx7rQkrq9Ds\")
<\/p>\n\n\n\nJeremiah Shaw is an artist focused on 3D illustration, interface, and animation design. The logo of his website is a geometric shape. As a student who studies HTML, I was attracted by his hero banner. The stones elements will float when the user’s mouse scrolls down. It absolutely displays his excellent ability as an interface designer. He is playing with the 3D illustrations with JavaScript when people interact with his website.<\/p>\n\n\n\n
He uses white to be the background color, and it makes his colorful projects more prominent but organized.<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
His project, \u201cVisual Data\u201d, is an interesting project. He really shows the entire design process from sketching and the final version.<\/p>\n\n\n\n
Here is the link to his project: http:\/\/www.jermshaw.com\/mixpanel-visual-data<\/p>\n\n\n\n
<\/p>\n\n\n\n
![](\"https:\/\/lh6.googleusercontent.com\/vZI9fC45ofn9r7Dkk2nKCDAg4LOa9fWHNZ8m9N1IVPKVi1Rlai-esXToeA_TQYrvtLAFxjO6E81-X-b9XKVueNhStb0g1lIAlyTQAVCODi_QOdeGeCbPfx3H8kGIQNtwUY-doRUI\")
Portfolio 2<\/strong><\/p>\n\n\n\n Sophie is a UX\/UI designer. She keeps the color and design consistency on his portfolio page.<\/p>\n\n\n\n She uses some geometric shapes such as circles, squares and triangles go through in his website page.<\/p>\n\n\n\n I love the eye element. The eyeball will move from left to right. It makes me think of the map function of JS that I learned in MMP200 class. But, she might use the git format image instead of the code.<\/p>\n\n\n\n She uses two arrows to instruct people to view her projects. In her projects page: https:\/\/www.sophiebritt.com\/adny-goldsworthy<\/p>\n\n\n\n Andy Goldsworthy. Sophie also uses the gif format image to present her project in order to achieve the book will automatically flap effect.<\/p>\n\n\n\n Jeremiah Shaw is an artist focused on 3D illustration, interface, and animation design. The logo of his website is a geometric shape. As a student who studies HTML, I was attracted by his hero banner. The stones elements will float when the user’s mouse scrolls down. It absolutely displays his excellent ability as an interface… Continue reading Portfolio Research<\/span><\/a><\/p>\n","protected":false},"author":4363,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[18,162,1],"tags":[90],"coauthors":[191],"class_list":["post-2609","post","type-post","status-publish","format-standard","hentry","category-html","category-personal-project","category-uncategorized","tag-assignment","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":" Jeremiah Shaw is an artist focused on 3D illustration, interface, and animation design. The logo of his website is a geometric shape. As a student who studies HTML, I was attracted by his hero banner. The stones elements will float when the user’s mouse scrolls down. It absolutely displays his excellent ability as an interface designer. He is playing with the 3D illustrations with JavaScript when people interact with his website. He uses white to be the background color, and it makes his colorful projects more prominent but organized. His project, \u201cVisual Data\u201d, is an interesting project. He really shows…<\/p>\n","category_list_v2":"HTML<\/a>, Personal Project<\/a>, Uncategorized<\/a>","author_info_v2":{"name":"Minglin Chen","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/minlync\/"},"comments_num_v2":"1 comment","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Minglin Chen","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/minlync\/"},"uagb_comment_info":1,"uagb_excerpt":"Jeremiah Shaw is an artist focused on 3D illustration, interface, and animation design. The logo of his website is a geometric shape. As a student who studies HTML, I was attracted by his hero banner. The stones elements will float when the user’s mouse scrolls down. It absolutely displays his excellent ability as an interface……","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/users\/4363"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/comments?post=2609"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2609\/revisions"}],"predecessor-version":[{"id":2619,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2609\/revisions\/2619"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2609"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/image-1.png\")
<\/figure>\n\n\n\n
And also at the bottom, there is a small progress bar to notice people on which page are they on right now.<\/p>\n\n\n\n![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/image-2.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2022\/02\/image-3.png\")
<\/figure>\n\n\n\n![\"spiral](\"https:\/\/static.wixstatic.com\/media\/fb5049_33bc9b8b4f8d4927839a622403cac89b~mv2_d_4000_3529_s_4_2.png\/v1\/crop\/x_0,y_843,w_4000,h_2686\/fill\/w_1960,h_1316,al_c,q_95,usm_0.66_1.00_0.01\/spiral%20gallery%20intro.webp\")
![\"circle](\"https:\/\/static.wixstatic.com\/media\/fb5049_6af6a2e058b24b7eaba9b43cb9370899~mv2_d_4000_3529_s_4_2.png\/v1\/crop\/x_0,y_831,w_4000,h_2698\/fill\/w_1934,h_1316,al_c,q_95,usm_0.66_1.00_0.01\/circle%20gallery.webp\")
<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"