Awakenings' Return Virtual Exhibit
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.
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.
Sketch
Style Sheet
Wireframes
Landing Page
Gallery Page - Version 1 (DID NOT USE)
Did not like the tile of the images – width too small
Gallery Page
Making rows hold 2 images gave enough room for width size
Problems and Solutions
Animation Slideshow
Overlay Modul with a 3D flipbook
Problem:
Trying to create a thumbnail that will link to a modul overlay that will display a 3D flip book of the Return Program booklet.
Solution:
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.
Before
Lightbox
Problem:
To showcase individual images within a collection
Solution:
Divi has a feature that allows images to expand fullscreen width when clicked upon through a lightbox program.
Mockups
