Solving Problems
Rock The Cause Benefit Concert
Rock the Cause is a benefit concert for Sea Turtles. The goal is to increase awareness through the promotion of a live show, with the proceeds from the concert to be used to sustain efforts necessary in saving sea turtles. This project was started to try a different approach for the logo design and a long-scrolling website. The website was created first with many iterations and then the logo design. The client wanted a site that was easier to navigate with a logo that shows dancing and excitement and would draw attention from the target audience. In Krug's book "Don't Make Me Think” he discusses when a person goes to a website it should be self-explanatory and easy to navigate through. Someone should not have to think about how to browse through a site. Krug also discusses how when someone goes to a website he or she should not have any raising questions about what to do next (Krug 2013).
The target audience varies from age 29 - 60. The concert is a two-day event gearing towards people that care about our environment and saving our ocean life from the dangers that are polluting our waters and killing the Sea Life. Sea Turtles have been around since the time of dinosaurs. They are now facing extinction. This website has been designed to bring awareness of the dangers that the seven different types of Sea Turtles face. The idea is to promote awareness and raise money that will aid in the preservation of the Sea Turtles as well as clean up our Oceans and beaches to make a safer environment for them to habitat. Felton (2013) states, “All right, what does your client’s brand believe in?” Felton also discusses what the brand embodies and values. One of the successful outcomes is the logo design or brand as it catches the eye of the viewer with the dancing sea turtle and title Rock the Cause.
A few of the logo designs that the client considered. The client wanted something that represented the event and the excitement of a classic rock concert with people dancing and having a great time.
Going back to the drawing board and solving the problem, the client fell in love with the dancing sea turtle!
Above are the wireframes created in trying to explore the layout which was a never-ending problem with the client. Trying to ease the tension by designing a long-scrolling website.
Above is the first version.
Web layouts
The third version oF layout
Rock the Cause is finally complete for the time being. The website has undergone many iterations until the completion of it at this time. After getting results from a Survey questionnaire, new ideas are in the making for a more unambiguous call to action, more white space, and an active homepage that shows the excitement of a classic rock concert. A limited color palette will be less distractive so as not to lose the viewers attention. These are items to take into serious consideration.
Final Web design layout
RedRover Non-Profit Advertising
The problem that needed to be solved was to have a cleaner, more straightforward non-profit advertisement that would be more appealing towards the intended target audience of adults from the age of 25-54, and who care about the welfare and safety of animals. We began by creating two personas that were apart of our intended audience to get a feel for the people that we want to reach. Once we knew our audience, we could begin solving the problem of creating advertisements that would attract people to volunteer, donate, or need assistance. The problem solving came when the client wanted to ease the readability issues. By addressing the line length would alleviate readability for the viewer and keep their attention. Adjusting the layout and getting rid of the boxiness and creating white space was another problem that needed to be solved. Nikola (2013) explains, “Line length is basically the number of characters you can place in the column so that the text can be easily readable and visually appealing. Your goal is to set up the text in a way that the reader doesn’t have any disturbances while reading the text.” When a grid structure is used they aid designers in bringing different elements together to achieve hierarchy, alignment, and consistency. Creating a thoughtful, well-organized layout is the goal, and in doing so aided in solving the problem.
Max the Search and Rescue dog for RedRover. This was a sketch to help in the problem solving and collaboration in creating advertisements for RedRover.
This was the second iteration without changing the background colors.
Personas were developed to capture the voice and tone of the advertisements.
Turtlejam Blues Web Design
TurtleJam Blues is a website designed to attract blues lover's who care deeply about the environment and save the lives of the sea turtles. Human activity is the most significant threat to the Sea Turtle population. The polluting of the Oceans, fishing gear, plastics & non-degradable debris, long-lining left in the water from fisherman all of this affect our oceans ecosystem and the sea life that inhabits it. Sea Turtles are now on the endangered list, and it takes people coming together to make a difference and help save these magnificent creatures. All the proceeds from this concert will go to savetheseaturtle.org to help create a better tomorrow for them. Rand-Hendriksen (2014) explains, "When we work on web design projects or any project for that matter, it's easy to focus all the attention on the client or site owner and what they want, but if you think about it, the website is not for the site owner. The website is for the person using the website, the visitor or end user. The site owner uses the website to communicate with that visitor. Here we can make a distinction between technical implementation and public facing solution."
The sketchbook and computer represent the ideation that takes place in problem-solving. Sketching out the preliminary drawings and wireframes is the beginning of the thought process in design thinking that aids in problem-solving.
This represents the beginning of the thought process to start the preliminary sketches and wireframes.
The preliminary sketches help the designer in how to layout information.
One of the Moodboard designs in the early design stages.
This was one of the final iterations of the moodboard for TurtleJam Blues.
This was the final version for TurtleJam Blues.
The Turtlejam Blues website went through several iterations to try to solve the problems that had become quite evident. According to Best (2015, p. 112), "Design processes have evolved from tried and tested ways of problem-solving and are continually refined by the designer or design team applying them to real' client projects."
I'm a paragraph. Click here to add your own text and edit me. It's easy.
Final version for TurtleJam Blues Web Design
Second version for TurtleJam Blues Web Design
First version for TurtleJam Blues Web Design
References
Best, K. (2015). Design management: Managing design strategy, process, and implementation (2nd ed., p. 112). New York, NY: Bloomsbury Publishing Plc.
Felton, G. (2013). Advertising concept and copy (3rd ed., p. 112). New York, NY: W. W. Norton & Company.
Krug, S. (2013, December 24). Don't make me think, Revisited: A commons approach to web usability (3rd ed.). N.p.: New Riders. Retrieved on February 14, 2018, from, http://ce.safaribooksonline.com/book/web-design-and-development/9780133597271.
Rand-Hendriksen, M. (2014. December 19). Mapping the modern web design process. Retrieved on September 14, 2018, from, https://www.lynda.com/Web-User-Experience-tutorials/Mapping-Modern-Web-Design-Process/174989-2.html
Nikola (2013, July 19). Columns pt. 2: line lengths and column width. Retrieved on April 17, 2018, from, http://www.magazinedesigning.com/columns-pt-2-line-lengths-and-column-width/