Print Ads
Interactive Website Design
The goal of this interactive web component is to further consumer knowledge on the different biomes of the world and conservation efforts to protect them. This idea promotes the fact that not only does Decomposition sell fashion-forward notebooks, they are dedicated to sustainability and education. Drawing from the print ads, which included a collage of natural material from three different biomes, Deciduous Forest, Tropical Rainforest, and Marine, the website will allow users to choose which biome they want to explore. All of these parts together create a consistent campaign.
When users first enter the website, they will be prompted with a choice of clicking on one of three notebooks, which represent the three biomes featured in the campaign. Stagnant on this page will also be a horizontal navigation bar at the top so that users always have the choice to navigate to other parts of the website. To increase user experience, the notebooks will “glow” when the mouse hovers over them. Once a notebook is picked, an animation of a pencil drawn circle will let the user know that their decision was made. The notebook will then open up, which brings users to a subpage that fully immerses them into this story.
When users first enter the website, they will be prompted with a choice of clicking on one of three notebooks, which represent the three biomes featured in the campaign. Stagnant on this page will also be a horizontal navigation bar at the top so that users always have the choice to navigate to other parts of the website. To increase user experience, the notebooks will “glow” when the mouse hovers over them. Once a notebook is picked, an animation of a pencil drawn circle will let the user know that their decision was made. The notebook will then open up, which brings users to a subpage that fully immerses them into this story.
Once a notebook is picked, users will enter a subpage that is dedicated to that specific biome. A famous conservationist will be highlighted on the subpage, as well as further education about the biome. In mockup 2, you see the starting spot for the Tropical Rainforest subpage. A collage of cut out pictures related to Jane Goodall, a primatologist, are to the left of the page. Users will be able to hover their mouse over the specific clipping to read information about that specific photo. As users scroll, new images will fade in and out, with related text also popping up. The text will provide users with information about Jane, the flora and fauna of the rainforest, and conservation efforts to preserve the rainforest.
Once a notebook is picked, users will enter a subpage that is dedicated to that specific biome. A famous conservationist will be highlighted on the subpage, as well as further education about the biome. In mockup 2, you see the starting spot for the Tropical Rainforest subpage. A collage of cut out pictures related to Jane Goodall, a primatologist, are to the left of the page. Users will be able to hover their mouse over the specific clipping to read information about that specific photo. As users scroll, new images will fade in and out, with related text also popping up. The text will provide users with information about Jane, the flora and fauna of the rainforest, and conservation efforts to preserve the rainforest.
This shows what will happen once the user scrolls to the very bottom of the page. Once they have learned about the biome, they are shown a carousel of notebooks that are inspired by it. At any given time, there is a place in the top left corner to go back to the homepage so they can explore other biomes or navigate to other sections of the web.
This shows what will happen once the user scrolls to the very bottom of the page. Once they have learned about the biome, they are shown a carousel of notebooks that are inspired by it. At any given time, there is a place in the top left corner to go back to the homepage so they can explore other biomes or navigate to other sections of the web.
Guerrilla Marketing: Park Signage
Interactive park signage encouraging visitors to journal and interact with the natural world around them. Not only does the sign give information on native plants and animals, it serves as a clipboard for people to sketch, write, or respond to the prompt given.
The logo in bottom right corner also serves as a QR code linked to a space where people can scan in their journal entries and see other field notes that people have uploaded.
Mockups
Sketches/Creative Ideation
Initial logo sketches
Initial logo sketches
Print ad sketches
Print ad sketches
Guerilla marketing sketches/idea exploration
Guerilla marketing sketches/idea exploration

You may also like

Back to Top