This project was apart of my general coursework at Metro State University of Denver within the course, User Interface Design 2. It was to build a conceptual website landing page to garner donations and boost online advocacy for the relief effort in Puerto Rico after Hurricane Maria. This project was built in the initial stages using Sketch App for project comps, then was coded using HTML/CSS and JQuery.
This project started with extensive research into the current situation and devastation of Puerto Rico in the aftermath of Hurricane Maria. My inspiration was to really capture an emotional response and create empathy from those affected by the devastation from Hurricane Maria. My idea was to strengthen this idea that we are all one, one earth, one people, one Puerto Rico. The project challenge was to create a website that truly captured an emotional response from my viewers. Finding the appropriate mood, imagery, color palette, typography, etc., were all of high importance and deliberated upon extensively. User interaction is based on vertical scrolling as it takes the viewer through a story-like narrative. A call to action is placed strategically at the end.
This site is a fully responsive design that works on mobile devices, tablets and desktops. However, it is created to be most impactful on a desktop or larger in that it uses various, full-width screen interactions, and overlapping transitions. Overall, I am quite pleased with the final product in that it is presenting more than simply a "pretty" site and is looking to create empathy and garner physical and monetary support for a nation in need. What is so exciting about being a young designer is the ability to create real change in the world through the aesthetic choices we make and ultimately create.