04

BlueClean
Sign-Up Page

UI Design 2025

BlueClean — Join the beach cleanup, light and dark
Role UI / UX Designer
Scope Sign-up Experience
Year 2025
Tools Figma · ProtoPie · After Effects
Type Conceptual · Self-led
01 Overview

A volunteer sign-up flow for a beach cleanup non-profit, conceptual.

This came out of looking at OnlyOne, an ocean protection foundation with a website and a brand I kept coming back to. I wanted more things to look and feel like that, so I made one.

The idea was to push the visual side while keeping the UX clean underneath. Non-profits often get the functional version of a thing. This one gets both.

Make a difference, one wave at a time
02 Experience

The sign-up sits over an animated wave motif that keeps the surface calm and alive at once. One clear action: pick the next event, add your details, and you're in.

Sign-up flow, animated in ProtoPie & After Effects

03 Light & Dark

The whole page holds up in both themes: the blue does the talking, everything else stays quiet.

BlueClean sign-up — light theme
BlueClean sign-up — dark theme

Light & dark themes

BlueClean logotype
04 Outcome

Built in Figma, ProtoPie and After Effects.

A focused sign-up over an animated wave motif, working in light and dark. One clear action: pick the event, add your details, done.

Sign-up screen
Sign-up screen