Landcare Australia

Redesigning Landcare Australia home page

timeline
Jan - Apr 2024
My role
Stakeholder interview, testing, prototyping, research
context
Landcare Australia is one of the leading NGOs that involves local groups of volunteers repairing the natural environment. It has a website named Landcarer, which enables the general public to navigate local environmental groups, sign up for events (e.g., landcare, biodiversity, climate change, volunteering opportunities), and follow community forums discussing various environmental issues.
at a glance

My design proposal includes two homepage versions: version A (left) focuses on sign-ups, while version B (right) emphasises the search bar.

Version A - sign up focused
Landcare homepage
Version B - search bar focused
Landcarer homepage with search bar as focus
overview

Landcarer website was text heavy, disorienting, and not necessarily engineered for the senior users aged 60 and above. After talking to the marketing lead of Landcare Australia, we’ve discovered several issues from the website.

Homepage - about Landcarer
About Landcarer
Landcarer discussion board
Landcarer discussion forum
Homepage - latest posts
Landcarer latest posts
Homepage - event calendar
Landcarer event calendar
understanding the problems

Portals did not communicate with each other, leading to lengthy post creating process.

People found it time-consuming to create a post, for example. blog posts covered multiple topics; users had to post them a few times in the corresponding areas.

Insufficient user-generated content

Landcare Australia created most of the posts on discussion forum. On top of that, the posts did not spark a lot of engagement.

Content heavy homepage

The homepage lacked a structured menu, making it difficult for volunteers and the general public to find activities or blog posts of interest.

Challenges in approaching senior users

Landcare Australia aimed to have more 60 years old+ users to be their target audience; however, they had trouble reaching out to this aged group because they were not tech-savvy, in general.

Assumptions

I’ve made 4 assumptions to narrow down the scope based on the context. 3 was validated; 1 was yet to be validated.

Hypothesis A
Validated

If the landing page has a more precise division for different target audiences, users get the info that interests them more quickly, resulting in a higher retention rate.

Why? Now the landing page is not well-organised.

Hypothesis B
Validated

If the landing page categorises the posts based on geographical locations, users are more likely to access the posts, which increases the views.

Why? People join activities based on their locations.

Hypothesis C
Not covered in the research

If the content creator does not need to duplicate the post manually, they are more happy to use the platform to share the information.

Why? The lengthy process of creating a post discourages creators.

Hypothesis D
Validated

If the retirees are exposed to Landcarer, 60+ users will increase and even become one of the majority.

Why? I assume they are not active on the Internet. They have not heard of Landcarer.

Market research

We studied 27 websites (14 NGOs and 13 non-NGOs) focusing on their website layout, event search, discussion. Some key findings definitely contributed to the ideation process later on.  

1. Engaging navigation (Call to action buttons, well-structured menu)
2. Appealing visuals (real-life images,videos, photos, visual hierarchy)
3. Different entry points to get involved
user interview

Most of the users primarily relied social media to share content and communicate with others. They looked forward to being in a non-judgmental, open-minded, active community. Furthermore, they valued community-driven projects, expert contributions and discussions.

Offline behaviour

1. Traditional approaches for seeking and organising activities applied to among senior users. Example. SMS, flyers, stick posters on walls, local newspaper, radio station, TV station.
2. Senior users preferred email / WhatsApp than Google.
3. 2 out of 27 (7%) learnt about events from families, word of mouth and physical newsletter.

Online behaviour

1. 5 out of 27 (~20%) found events, community, information on Facebook.
2. 4 out of 27 (15%) learnt about interested topics from user generated content and considered that valuable.
3. 2 out of 27 (7%) found events on local council webpages.

personas

“Ben”, “Emily”, “Clare” have become the representatives of user groups to help me ideate the homepage.

ben

60+, retiree, active volunteer leader

Ben needs to find volunteers and raise funds for his community.

Emily persona icon

Emily

Mid-20s, environmentally conscious

Emily learns environmental topics quickly through various media formats.

Clare persona icon

clare

Mid-40s, pursuing a sustainable lifestyle for her family

Clare needs trustworthy and authoritative sustainability information.

lo-fi & med-fi pototype

From brainstorming to med-fi homepage, I have elaborated 4 key features that enable Ben, Emily, Clare to join events, learn environmental issues, exchange with like-minded without hassle.

1. Font adjuster for visually impaired and senior users
2. Knowledge corner, also known as "Learn more about environmental issues", split in different formats and sources for social media heavy users
3. Quick start showcasing frequent actions for visitors with clear objective
4. Popular discussion presented in real life cover images

Font adjuster for seniors (lo-fi prototype)

Font adjuster low-fi

Knowledge corner / also known as "Learn more about environmental issues" for social media users (lo-fi prototype)

Knowledge corner low-fi

Quick start portal for public (med-fi prototype)

Landcare quick start before testing

Popular discussion for public (med-fi prototype)

Landcare popular discussion before testing
design critique & usability testing

A senior participant, after scanning the hero banner, asked me, “is this website for farmers only?… To be honest, I found this a bit off-putting.”

I have conducted 8 usability testings in total, 2 moderated; 6 unmoderated, focusing on quick start”, “popular discussions”, “knowledge corner” and “font size adjuster”. Good news was 5 out of 8 found the prototype ”nice, clean, simple, easy-to-follow, modern, simple-to-navigate.” There were several insightful feedback that needed to be addressed:

Quick start” did not seem to serve its purpose

Only 1 was able spot the “organise an event” at quick start and commented that the words and background should have a strong contrast. 2 out of 8 found “quick start” value-added and thought it allowed them to view the whole pictureIn fact, 2 of my cohort also commented that having 2 call-to-action buttons on one block was confusing.

“Sign up” could be misleading and intimidating to senior users

One senior participant told me, “is this website for farmers only?… To be honest, I found this a bit off-putting.” For sure, that needed to further tested and validated in the future. However, this was a good opportunity for me and Landcare Australia to rethink where sign up should sit on the page. Also, the tagline did not justify the fact that the platform was open to everyone sharing interests on environmental issues, not just for farmers and agriculture experts.

Restructure the knowledge corner (also known as "Learn more about environmental issues") and discussion

Younger participants enjoyed browsing through the topics via different multi-media formats. When being asked to point out where they could find some videos on the homepage, most of them pointed out knowledge corner, discussion or both. That inspired me to find a way to present both sections in a sense that they are connected yet distinguishable.

Menu bar was the most clickable area

The heat maps indicated that’s the most popular area. In addition to to that, when the users were sharing the screen with me, I observed that their cursors revolving around the menu bar frequently. From the results, the menu bar most likely was an essential element to keep users engaging with the platform.

final prototype

From there, I’ve developed 2 versions for the final portotype. The only difference is one focuses on sign up and another one features searching event. Given that some participants were keen to look up events from the search bar during the sessions. The final prototype is shown as below on the right:

Features

Hero banner
The tagline is more generic in a sense that broader audience can relate to and as mentioned, one highlights search function whereas another encourages users to sign up

Before usability testings
Landcare hero banner before testing
After usability testings
Landcare hero banner after testing

Quick start
Now it’s with different actions with clearer labelling sitting in separate cards instead of two actions in one bigger card

Before usability testings
Landcare quick start before testing
After usability testings
Landcare quick start after testing

Knowledge corner, also known as "Learn more about environmental issues"
Considering potential users prefer viewing facts and opinions simultaneously, discussion and educational resources are merged together. On top of that, the feature also allows users choose their preferred way to learn the topics.

Before usability testings
Knowledge corner low-fi
After usability testings
Landcare knowledge corner medium-fi

Mobile version
To bring the home page onto next level, I’ve built a mobile version for future development.

Before usability testings

Not applicable

future development

Within these 9 weeks, I’ve finished a home page prototype dedicated to environment enthusiasts and Landcare Australia in need of a revamp on their website communication. Yet, some tasks were to be implemented for making a more accessible website for Ben, Clare, and Emily.

Recruitment of senior users to enrich the user experience for “Ben”

The eldest participant was 74 years old and was a knowledge expert on environmental issues. She has brought me a lot of insight, and I hope for more opinions in this age group.

Establish a benchmark on time spent to complete the tasks on original design and proposed design

The tests would be performed firstly on the original design, followed by my proposed design, resulting in a benchmark.

Introduction of card sorting on home page with potential users

The layout could result in different orders with inputs from the users.

More moderated usability testings

I could closely observe their reaction and body gestures. Video calls also work, but not as well as live sessions.

client feedback

Dianna Crisp (Marketing Lead, Landcare Australia)

“I like the font adjuster. I think that's really handy, and that sort of helps meet disability guidelines that we have to achieve as well from a assigned perspective.”

“I really did like is the use of a combination of that imagery and the icons. I think it just gave the the homepage a little bit of social word I'm looking for just yeah, a bit of freshness and a bit of change, and also appeal to different people.”

“The menu bar when you talked about that being the focus area for most. That was quite good; at the moment is a mess.”

Thank you for reading. Check out my other projects!