During a UI Design class (Oct – Dec 2020) through BrainStation, I redesigned the visuals for app for surfershealing.org, a non-profit organization where they host surf events to take autistic kids surfing as a therapeutic experience.

This is not real client work. However, the current website is a bit out of date so I thought it would be a good example of a site to redesign for the sake of this project.

Skills highlighted: Sketches, wireframes, brand identity, visual design/hifi mock ups, prototyping, presentation skills

Problem:

I designed it with the users (autistic kids and their families as well as potential donors and volunteers) in mind so a few immediate changes I knew I wanted to make were:

• Brand refresh

• Make the navigation straightforward

• Make it easy to either sign up or donate

• Tell the company’s full story in a more editorial and aesthetic way (keep it easy to read without removing too much content)

After deciding on the organizational structure of the pages needed, the top navigation, and some initial sketches of those key pages, I created a basic wireframe structure to then drop the provided content and visual styles into.

With the wireframes and sketches/organization on its way, I began to think about brand styles and visuals, drawing a lot of inspiration from the ocean and surf culture as well as creating a more calming, relaxing vibe to suit the target audience.