RSPCA Report Cruelty Form Re-design

A group Project

The Problem

The report abuse forms are inconsistent as different states have different forms and often overwhelming for users as they get confused by different forms.

This got us thinking, how can we enhance the RSPCA website's reporting platform to swiftly empower users, making it more user-friendly and efficient for advocating animal rights and reporting animal abuse?

The Solution

We aim to simplify reporting of animal cruelty through a unified platform and national contact, prioritizing user experience and cohesive design across RSPCA sites, while emphasizing the "Report Animal Cruelty" feature for impactful action.

From the user interview data, we were able to draw an affinity diagram, which lead us to our user persona and her story of reporting animal cruelty

From here, we were able to draw a task flow and a user flow

Task Flow

User Flow

We have taken form design inspiration from many resources with an extensive research. We focused on better readability, being straightforward in nature and simplicity.

Examples of different forms from different states

Ideation of the form structure

Brainstorming

Lo-Fi Prototype

Design Thinking

We have used breadcrumb navigation as progress indicator

With an extensive user test, we were able to make the logical rearrangement of the steps of the form. We re-arranged the steps of the form as it suited the users better.

The Design System

Hi-Fi Prototype

With more guerrilla user testing, we have made some great iteration and upgraded our design

Design Inspiration

Mood-board

Message

Calender

Address

UI Style Guide

Homepage Navigation

Thank you!

Dignissim suspendisse in est ante in nibh mauris cursus mattis. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Leo a diam sollicitudin tempor id eu nisl. Proin sagittis nisl rhoncus mattis rhoncus urna neque viverra justo. Adipiscing diam donec adipiscing tristique. Ultrices tincidunt arcu non sodales. Amet purus gravida quis blandit turpis cursus. In hac habitasse platea dictumst. Cras fermentum odio eu feugiat pretium nibh ipsum consequat. Nisi est sit amet facilisis magna etiam tempor. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis.

Visit the Site →

Creative Direction
Design
Development

Previous
Previous

TravelApp