I redesigned this website for a charity based on Roma, Italy. Roma Altruista organises events to support people, animals, the environment and whatever needs help. Their website is the hub where volunteers can look for events, signup online, attend the event and make their contribution.
2021 (currently being built)
Working together with the marketing team of Roma Altruista and an external development agency to the redesign of the website, we soon discovered the faults of the current site:
I also did a quick restyle of the logo, changing the font to match with the font used on the website which is Dm Sans, Google Fonts. Colour wise I just went for a monochromatic simpler version in dark blue.
I wireframed iteratively to define the information architecture of screens. I also explored various navigation approaches to determine the best experience for the user.
I collaborated with the marketing team and devs along the way to validate concepts and gather feedback to continue improving the experience.
The homepage is divided into 4 sections:
in this sections over here the social proof of Roma Altruista is even more highlighted showing logos of companies more and VIP ambassadors who participated to charity events
To involve companies in hosting and sponsoring events, there is an entire section on the homepage so businesses can easily apply.
This pages shows “All events” that will be happening in chronological order. The filters on the left provide the users tools to easily filter down the type of events they want to contribute.
The individual event pages has all the information that the volunteer needs to attend the event:
After users click not he button to attend the event, the volunteer will be asked to signup/login to the website and eventually complete the form with all their details.
One extra optional step that is included in the event registration is the form to donate some money to the charity.
Once volunteers register for an event, they will be able to see al the past and future events in a specific section that they can access once logged in.
Each event has an event coordinator which is the manager of the event. Each coordinator has a dashboard from where they can see the events assigned, volunteers attending and see which one have confirmed their attendance.
Created this set of icons for each type of event that the charity organises.
This is the web style guide that I created for the developers so they can create the related UI components for the website.