{"id":179,"date":"2021-04-05T06:31:59","date_gmt":"2021-04-05T06:31:59","guid":{"rendered":"https:\/\/michellejleedesign.com\/portfolio\/?post_type=project&p=179"},"modified":"2021-05-04T19:29:05","modified_gmt":"2021-05-04T19:29:05","slug":"awakenings-return-exhibition","status":"publish","type":"project","link":"https:\/\/michellejleedesign.com\/portfolio\/project\/awakenings-return-exhibition\/","title":{"rendered":"Awakenings Return Exhibition"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.9.3″ _module_preset=”default” custom_margin_tablet=”” custom_margin_phone=”||||false|false” custom_margin_last_edited=”on|phone” custom_padding=”0px||||false|false”][et_pb_row _builder_version=”4.9.3″ _module_preset=”default” width=”100%” custom_margin=”0px||0px||true|false” custom_padding=”50px|0px|50px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_blurb title=”Awakenings’ Return Virtual Exhibit” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/return_header-06-3.png” alt=”Awakenings Return Virtual Exhibit Header” content_max_width=”1080px” _builder_version=”4.9.3″ _module_preset=”default” header_level=”h1″ header_font=”Raleway|700|||||||” module_alignment=”left” custom_margin=”||||false|false” custom_padding_tablet=”” custom_padding_phone=”|10px||10px|false|true” custom_padding_last_edited=”on|phone” body_font_size_tablet=”” body_font_size_phone=”14px” body_font_size_last_edited=”on|phone”]<\/p>\n

Awakenings is a non-profit organization dedicated to creating a physical and virtual artistic space in which to engage in an open dialogue that furthers awareness and understanding of sexual violence and promotes healing of survivors through the arts.\u00a0<\/span><\/p>\n

Challenge: Due to the covid-19 pandemic, the 2021 Spring Exhibition, Return will open as a virtual exhibition. The challenge is to build a website dedicated to to this exhibition. Making the virtual exhibition responsive from desktop to mobile was an important feature through the Divi software program for WordPress CMS system.<\/p>\n

[\/et_pb_blurb][et_pb_button button_url=”https:\/\/awakeningsart.org\/return-landing-page\/” url_new_window=”on” button_text=”Click to Website” button_alignment=”center” _builder_version=”4.9.3″ _module_preset=”default”][\/et_pb_button][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ custom_padding_last_edited=”on|phone” _builder_version=”4.9.4″ _module_preset=”default” width=”100%” custom_margin=”||||true|true” custom_margin_phone=”0px||0px||true|true” custom_margin_last_edited=”off|phone” custom_padding=”0px||0px||true|false” custom_padding_tablet=”” custom_padding_phone=”0px|10px|0px|10px|true|true” hover_enabled=”0″ sticky_enabled=”0″][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″ custom_padding_last_edited=”on|phone” custom_padding=”|50px||50px|false|true” custom_padding_phone=”|15px||15px|false|true”]<\/p>\n

Sketch<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/05\/Photo-May-01-2-44-46-PM-scaled.jpg” _builder_version=”4.9.4″ _module_preset=”default” title_text=”Photo May 01, 2 44 46 PM” hover_enabled=”0″ sticky_enabled=”0″ width=”100%” align=”center”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.3″ _module_preset=”default” text_orientation=”center”]<\/p>\n

Style Sheet<\/h1>\n

[\/et_pb_text][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/return_style_sheet-01.png” alt=”Awakenings Return Virtual Exhibit Style sheet” title_text=”return_style_sheet-01″ _builder_version=”4.9.3″ _module_preset=”default”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.4″ _module_preset=”default” width=”100%” hover_enabled=”0″ sticky_enabled=”0″ custom_margin=”0px||0px||true|false” custom_padding=”0px||0px||true|false”][et_pb_column _builder_version=”4.9.4″ _module_preset=”default” type=”4_4″][et_pb_text _builder_version=”4.9.4″ _module_preset=”default” text_orientation=”center” hover_enabled=”0″ header_text_align=”left” custom_padding_last_edited=”on|phone” custom_padding=”50px|50px||50px|false|true” sticky_enabled=”0″ custom_padding_phone=”|15px||15px|false|true” custom_margin=”||||false|false”]<\/p>\n

Wireframes<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.9.4″ _module_preset=”default” column_structure=”1_3,1_3,1_3″ width=”100%” hover_enabled=”0″ sticky_enabled=”0″ use_custom_gutter=”on” gutter_width=”1″ custom_margin=”10px||10px||true|false” custom_padding=”0px||||false|false”][et_pb_column _builder_version=”4.9.4″ _module_preset=”default” type=”1_3″][et_pb_blurb title=”Landing Page” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/05\/RETURN-LANDING-PAGE.jpg” _builder_version=”4.9.4″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″ title_text=”RETURN-LANDING PAGE” custom_padding=”|||10px|false|false”][\/et_pb_blurb][\/et_pb_column][et_pb_column _builder_version=”4.9.4″ _module_preset=”default” type=”1_3″][et_pb_blurb title=”Gallery Page – Version 1 (DID NOT USE)” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/05\/RETURN-VIRTUAL-GALLERY-V1.jpg” _builder_version=”4.9.4″ _module_preset=”default” title_text=”RETURN VIRTUAL GALLERY V1″ hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Did not like the tile of the images – width too small<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column _builder_version=”4.9.4″ _module_preset=”default” type=”1_3″][et_pb_blurb title=”Gallery Page” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/05\/RETURN-VIRTUAL-GALLERY-V2-scaled.jpg” _builder_version=”4.9.4″ _module_preset=”default” title_text=”RETURN VIRTUAL GALLERY V2″ hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Making rows hold 2 images gave enough room for width size\u00a0<\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ make_equal=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” max_width=”1800px” custom_margin=”0px||0px|50px|true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.3″ _module_preset=”default” header_font=”Raleway||||||||” header_font_size=”37px” custom_padding=”50px||50px||true|false”]<\/p>\n

Problems and Solutions<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” custom_padding_last_edited=”on|desktop” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” max_width=”1860px” custom_margin=”0px|25px|0px|25px|true|true” custom_margin_tablet=”” custom_margin_phone=”|0px||0px|true|true” custom_margin_last_edited=”on|phone” custom_padding=”0px||0px|10px|true|false” custom_padding_tablet=”” custom_padding_phone=”0px||0px|10px|true|false”][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.3″ _module_preset=”default” text_font=”Raleway|700|||||||” text_orientation=”center” custom_margin=”0px||||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” border_width_all_tablet=”” border_width_all_phone=”” border_width_all_last_edited=”on|phone”]<\/p>\n

Animation Slideshow<\/h1>\n

[\/et_pb_text][et_pb_blurb title=”Overlay Modul with a 3D flipbook” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/desktop-mockup-02.png” alt=”Awakenings Return Virtual Exhibit Program Booklet Mockup” content_max_width=”1080px” _builder_version=”4.9.3″ _module_preset=”default” header_level=”h1″ header_font=”|600|||||||” header_line_height=”1.7em” custom_padding=”|5px||5px|false|true” border_width_right=”3px” border_color_right=”#51618C”]<\/p>\n

Problem:<\/h3>\n

Trying to create a thumbnail that will link to a modul overlay that will display a 3D flip book of the Return Program booklet.<\/p>\n

Solution:<\/h3>\n

First attempt was to create and build a overlay modul through Divi Overlay, but it was not cooperating with the pdf files. In WordPress, Awakenings has a plugin called 3D Flipbook. It generates a code that enables me to input it a html code, which produces a thumbnail and is linked to an overlay popup module.\u00a0<\/p>\n

[\/et_pb_blurb][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.3″ _module_preset=”default” text_font=”Raleway|700|||||||” text_orientation=”center” custom_margin=”0px||||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” border_width_all_tablet=”” border_width_all_phone=”” border_width_all_last_edited=”on|phone”]<\/p>\n

Before<\/h1>\n

[\/et_pb_text][et_pb_blurb title=”Lightbox” image=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/desktop-mockup-03.png” alt=”Awakenings Return Virtual Exhibit image lightbox Mockup” content_max_width=”1080px” _builder_version=”4.9.4″ _module_preset=”default” header_level=”h1″ header_font=”|600|||||||” custom_margin=”||||false|false” custom_padding=”|5px||5px|false|true” hover_enabled=”0″ sticky_enabled=”0″]<\/p>\n

Problem:<\/h3>\n

To showcase individual images within a collection<\/p>\n

Solution:<\/h3>\n

Divi has a feature that allows images to expand fullscreen width when clicked upon through a lightbox program.<\/p>\n

[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”2″ make_equal=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” max_width=”1800px” custom_margin=”0px||0px|50px|true|false” custom_padding=”0px||0px||true|false”][et_pb_column type=”4_4″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_text _builder_version=”4.9.3″ _module_preset=”default” header_font=”Raleway||||||||” header_font_size=”37px” custom_padding=”50px||50px||true|false”]<\/p>\n

Mockups<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” module_alignment=”center” custom_margin=”0px||0px||true|false” custom_padding=”0px|20px|0px|20px|true|true”][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/return-landing-mockup.gif” alt=”Awakenings Return Virtual Exhibit Landing Page animated gif” title_text=”return-landing-mockup” show_in_lightbox=”on” force_fullwidth=”on” _builder_version=”4.9.3″ _module_preset=”default” custom_margin=”||||false|false”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/desktop-mockup-artists-1.png” alt=”Awakenings Return Virtual Exhibit Artist Exhibit Desktop Mockup” title_text=”Return-artist-exhibits-desktop-mockup” show_in_lightbox=”on” align=”center” _builder_version=”4.9.3″ _module_preset=”default” width=”100%”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” module_alignment=”center” custom_margin=”20px||20px||true|false” custom_padding=”0px|20px|0px|20px|true|true”][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/desktop-mockup-welcome.png” alt=”Awakenings Return Virtual Exhibit Welcome Desktop Mockup” title_text=”Return-welcome-desktop-mockup” show_in_lightbox=”on” force_fullwidth=”on” _builder_version=”4.9.3″ _module_preset=”default” custom_margin=”||||false|false”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/iphone-return-mobile.png” alt=”Awakenings Return Virtual Exhibit Mobile 1 Mockup” title_text=”Return-mobile-mockup-1″ show_in_lightbox=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” min_height=”637.8px” custom_padding=”|15px||15px|false|true”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” module_alignment=”center” custom_margin=”20px||20px||true|false” custom_padding=”0px|20px|0px|20px|true|true”][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/iphone-return-mobile2.png” alt=”Awakenings Return Virtual Exhibit Mobile 3 Mockup” title_text=”Return-mobile-mockup-3″ show_in_lightbox=”on” force_fullwidth=”on” _builder_version=”4.9.3″ _module_preset=”default” custom_margin=”||||false|false”][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.9.3″ _module_preset=”default”][et_pb_image src=”https:\/\/michellejleedesign.com\/portfolio\/wp-content\/uploads\/2021\/04\/iphone-return-mobile1.png” alt=”Awakenings Return Virtual Exhibit Mobile 2 Mockup” title_text=”Return-mobile-mockup-2″ show_in_lightbox=”on” _builder_version=”4.9.3″ _module_preset=”default” width=”100%” min_height=”657.2px” custom_padding=”|15px||15px|false|true”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Awakenings is a non-profit organization dedicated to creating a physical and virtual artistic space in which to engage in an open dialogue that furthers awareness and understanding of sexual violence and promotes healing of survivors through the arts.\u00a0 Challenge: Due to the covid-19 pandemic, the 2021 Spring Exhibition, Return will open as a virtual exhibition. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[],"project_tag":[],"class_list":["post-179","project","type-project","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":6,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/179\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project\/179\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/media?parent=179"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project_category?post=179"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/michellejleedesign.com\/portfolio\/wp-json\/wp\/v2\/project_tag?post=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}