Your Hudson + Harbor is a new non-profit organization birthed from the merger of the Hudson River Foundation and the Harbor Estuary Program. Together the two NGOs focus on developing scientific research, providing leadership, integrating and disseminating information and coordinating efforts to solve complex environmental issues facing the Hudson River and Estuary. The combined forces of these two formidable groups requires a creative way to organize a lot of information into a simple, usable website.
The client desired above all else an interactive landing page that would allow many different types of users to find their personal connection to the Hudson River and Estuary. Whether finding a fabulous kayaking spot or joining a citizen scientist group, a conversion for Your Hudson + Harbor is getting a new user to connect with the river and find a way to make it his or her own. This requires a lot of different types of information to be united into a singular form. Ideas were tossed around ranging from building a Hudson River video game to creating a virtual reality film using 360 footage already shot by Google. Both options were exciting, but neither felt like a perfect way to bring in a diverse group of new users. We decided to instead build a parallax landing page.
A parallax website has the amazing ability to feel like both an animated film and a game. It also allows unlimited links to additional information and outside groups – an aspect required by the sheer volume of topics covered by Your Hudson + Harbor. We also needed a clear and concise organization for the site accessible through a navigation bar allowing current users and newcomers — who do not have the time to enjoy the parallax experience — to find their information quickly and easily. After a long research process, we feel confident that our choices would work for the desired results.
Target Audience: Attract and convert new users of all shapes and sizes.
List of Desired Features:
Our group felt confident in our initial ideas, but research means everything in the UX design process. In order to deliver a quality product we would need to learn more about both our target market’s desires and how they would interact with our content. We started the process with a survey focusing on the awareness of the brand, interests in the materials the organization could provide and the users’ pain points when navigating websites.
We received over thirty responses from the survey. It gave us a great base to start with, but we feared the pool we tested was not quite large enough to make the final decisions. In order to round out our data, we did additional research with Nielsen Prizm to learn more about the people who live within close proximity to the Hudson River and Estuary. This helped solidify our user personas and fleshed out our early designs for the site.
The results confirmed first and foremost the parallax was a great idea. Users responded both to the sites we tested and to our own sketches for our potential site. It also helped us solidify the information architecture and reminded us how important the search bar is to some users. The Hudson River Park website did have a really nice layout for the navigation bar, but it turned out their search results were much weaker and was a pain point to some of the users we tested.
Building our prototype:
This week, the hardest part of the UX Design process for me was not doing the final designs for every aspect! Since I’m a filmmaker and now rapidly becoming a designer, visuals come to me very clearly, but when working as a group, only some of the deliverables were finished by me personally. And obviously not everyone sees things the way I do in my head. I guess over time when working with the same people, a rhythm and ability to understand each other would develop — it certainly works that way with my cinematographer when I direct. I can work with other DPs, but my favorite cinematographer understands me in a way that our combined visual skills are truly magnified when we work together as opposed to simply getting the job done adequately. I aspire to find that kind of collaboration on future UX projects.