I am going to do my event website on the Leukemia and Lymphoma Society’s Light the Night Walk in Lancaster, PA. It is Saturday, October 6, 2012 in Long’s Park. It will be a 2 mile walk in which participants will raise funds for lifesaving blood cancer research. I chose the following “event” websites to use for inspiration for their functionality and style, I couldn’t find any that had any kind of similar event to what I chose. I am planning on using the same colors and themes from the original website to make the connection, but I hope to make it look more fun and stylish because as of now it’s a pretty boring website overall. I think having a nicely designed website for an event like this would really help people to get involved and participate.
I will have different sections throughout this one page website which will describe the actual event itself (time, place, map, etc.) and then the details of the event, such as what time to be there. I will have a section describing Light the Night and what the cause is about, probably at the top of the page. An area for the participants to register and sign up a team will be necessary as well.
My Objectives: The point of the Light the Night walk is not to be sad or mourn about lost loved ones or loved ones that are currently ill. Inspiration is the key to the walk and what the participants and volunteers involved try to achieve at every event. People associated with Light the Night are raising money to provide educational materials to patients and families and also fund local programs and support groups. The two mile walk, along with the other festivities of the evening, are meant to be about celebration. Celebration of the lives we have along with the lives lost to leukemia and lymphoma and those fighting for their lives. I want my event website to portray this more then anything, that this is a positive event about celebration and bringing awareness. Yes, your team is encouraged to raise money, but we all know that not many people have extra money nowadays, so raising awareness and education by about these illnesses by participating in the walk will be key.
Personas: These are the three personas I created for my event site about the Light the Night walk. I tried to think of three different reasons that people would be interested in finding out information or participating in a local walk and how I can use my event site to persuade them to be a participant or volunteer.
This first one would be basic, the main navigation staying fixed at the top of the page and when clicked on, the sections would scroll accordingly. I thought keeping the navigation visible the whole time is important for the user to be able to get back and forth from section to section and with this layout being the simplest I think it would be the easiest to use for the widest range of people.
This is stepping outside the box a little bit and trying to undertake a horizontal side scrolling layout. I like this concept because I had the idea to make the map of the route go along the bottom which I think would be really great for the user to see and interact with. The only problem I can think of with doing a website like this is it may be difficult for older users to navigate, I could always find one similar and try it out on older adults that I know to see how or if they figure it out.
I just changed some of the colors and patterns around here to see which worked better.
This is my final design for my website. The home page was giving me lots of issues but I think the solutions I came up with work really well. The footprints tell that it’s a walk without me having to write “WALK” anywhere (assuming someone would be viewing this website that wouldn’t know what Light the Night is). I kept in mind my personas the whole time and I think that the primary persona (the older woman) could easily be able to navigate and understand this site. I hope to include the jQuery features that I’ve designed. I think the simplicity of the map on the bottom was a good solution to the problem I was having of not making the illustrations match the rest of the page. The color underneath the map will continue down the page to symbolize to the user (if their browser is larger) that they are not able to scroll down but rather horizontally. I did design this keeping 1024×768 screen display in mind because that’s usually something I struggle with. I kept switching to check if everything could be seen, because for this kind of event there is a broad audience and I can’t expect everyone to have large format computer screens. Overall, I’m very happy with this website. I think it came together well and meets the objectives that I had stated at the beginning of the project; it portrays a fun event, although it’s about something serious it’s not a somber type of thing about mourning, it’s a celebration of life and a reason for the community, families, and friends to come together for a greater cause!