{"id":4089,"date":"2021-12-16T00:32:09","date_gmt":"2021-12-15T23:32:09","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?post_type=portfolio&#038;p=4089"},"modified":"2024-05-30T14:41:59","modified_gmt":"2024-05-30T13:41:59","slug":"plastic_ocean","status":"publish","type":"portfolio","link":"https:\/\/lauragalvanetto.com\/index.php\/portfolio\/plastic_ocean\/","title":{"rendered":"Plastic Ocean &#8211; Website"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_image=&#8221;132474&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;522574&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;797244&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;110478&#8243;][vc_column width=&#8221;6\/12&#8243;][vc_custom_heading text_font=&#8221;font-136269&#8243; text_size=&#8221;h3&#8243; text_height=&#8221;fontheight-357766&#8243; uncode_shortcode_id=&#8221;817630&#8243;]<span class=\"font-158206\">&#8220;Plastic Ocean&#8221; is an informative website that raises awareness on the issue of microplastics<\/span>[\/vc_custom_heading][\/vc_column][vc_column width=&#8221;1\/12&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; font_family=&#8221;font-136269&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243; uncode_shortcode_id=&#8221;532688&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;177259&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;123437&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;104059&#8243; subheading=&#8221;Individual project<br \/>\nCourse: Web &amp; Media Design&#8221; text_color_type=&#8221;uncode-palette&#8221; text_color_solid=&#8221;#ff0000&#8243;]Collaboration[\/vc_custom_heading][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;117211&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;198925&#8243; subheading=&#8221;2022&#8243;]Year[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221; uncode_shortcode_id=&#8221;114429&#8243;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;4&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;158479&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_font=&#8221;font-136269&#8243; text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;142093&#8243; subheading=&#8221;Figma<br \/>\nCSS\/HTML&#8221;]Software[\/vc_custom_heading][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;112900&#8243;][vc_column width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;632177&#8243; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;581862&#8243;][vc_column_text uncode_shortcode_id=&#8221;119633&#8243;]<\/p>\n<p class=\"\">The website is an informative artefact that raises awareness on the issue of microplastics. The viewer is involved through the use of narration. Initially, the reader is asked the reader to think about his or her own plastic consumption, in order to attract his or her interest from personal experience.<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;4&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/2&#8243; uncode_shortcode_id=&#8221;537856&#8243;][vc_column_text uncode_shortcode_id=&#8221;131276&#8243;]<\/p>\n<div class=\"uncoltable\">\n<div class=\"uncell no-block-padding\">\n<div class=\"uncont\">\n<div class=\"uncode_text_column\">\n<p>Then the viewer is informed through text, illustrations and infographics.<br \/>\nThe prototypes were created in Figma and then the website responsible was created with HTML and CSS.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_gallery el_id=&#8221;gallery-369793&#8243; type=&#8221;justified&#8221; medias=&#8221;133157,132695,132907,132916,132701,132910&#8243; justify_row_height=&#8221;500&#8243; gutter_size=&#8221;4&#8243; media_items=&#8221;&#8221; single_shape=&#8221;round&#8221; radius=&#8221;xs&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_anim=&#8221;no&#8221; single_image_anim=&#8221;no&#8221; single_padding=&#8221;2&#8243; single_border=&#8221;yes&#8221; lbox_skin=&#8221;white&#8221; custom_cursor=&#8221;light&#8221; lb_video_advanced=&#8221;yes&#8221; lb_autoplay=&#8221;yes&#8221; lb_muted=&#8221;yes&#8221; uncode_shortcode_id=&#8221;942553&#8243; items=&#8221;eyIxMzI5MDFfaSI6eyJzaW5nbGVfdGV4dF9yZWR1Y2VkIjoieWVzIn0sIjEzMjkxMl9pIjp7InNpbmdsZV9vdmVybGF5X2NvbG9yIjoiY29sb3IteHNkbiIsInNpbmdsZV9vdmVybGF5X2NvbG9yYXRpb24iOiJib3R0b21fZ3JhZGllbnQiLCJzaW5nbGVfdGV4dF9yZWR1Y2VkIjoieWVzIn19&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The website is an informative artefact that raises awareness on the issue of microplastics. The viewer is involved through the use of narration.  Initially, the reader is asked the reader to think about his or her own plastic consumption, in order to attract his or her interest from personal experience. Then the viewer is informed through text, illustrations and infographics.<br \/>\nThe prototypes were created in Figma and then the website responsible was created with HTML and CSS. <\/p>\n","protected":false},"author":1,"featured_media":132474,"parent":0,"menu_order":7,"comment_status":"open","ping_status":"open","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"portfolio_category":[79],"class_list":["post-4089","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-ux-ui"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/comments?post=4089"}],"version-history":[{"count":42,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4089\/revisions"}],"predecessor-version":[{"id":133226,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/portfolio\/4089\/revisions\/133226"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/media\/132474"}],"wp:attachment":[{"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/media?parent=4089"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/lauragalvanetto.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=4089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}