R
Robin D Castro
Robin D Castro
Back to Projects

Volunteer Work

Volunteering my design for coastal students

Ocean Students Community

Visit osc.org.in(opens in a new tab)

Role

Member & Volunteer · Brand, social & web

Year

2024

Industry

Nonprofit & Education

Client

Ocean Students Community

Services

Brand Identity, Social Media System, Website (UX/UI)

Volunteering my design for coastal students hero

Ocean Students Community is a youth-led nonprofit in Kerala, working since 2020 to give coastal students a fairer start: mentorship, marine conservation and community action. I volunteer as their designer, and I've given the cause three things: a new identity, a social media system the team can run themselves, and a website that brings it all together.

Quick Overview

Volunteer design for a coastal youth nonprofit, end to end: a new brand identity and volunteer mark, a social media system of templates and campaigns, and the osc.org.in website, whose build I directed with AI. Together they gave the organisation one confident face and clear ways for people to get involved.

100+

Volunteers

3

Programs

14

Post Templates

Live

Status

Key Outcomes

A new brand identity: logo, symbol, palette and a volunteer mark, carried onto merchandise.
A social media system of 14 templates the team uses themselves, plus campaign creatives.
The organisation's first website, osc.org.in, with every program explained in one place.
Clear, mobile-first paths to volunteer, donate or partner.

The cause

Who the work is for.

Students from coastal communities often miss out on the guidance and opportunities others take for granted. Ocean Students Community, a youth-led organisation, closes part of that gap through mentorship, marine conservation drives and community programs, with more than 100 volunteers behind it.

I give my design time to the cause. It's unpaid, and it's the kind of work I want my skills to serve.

Who the work is for.
The About page: the organisation's story and vision, told first.

Problem

Good work, hard to find.

The organisation was growing faster than its look. It was outgrowing its original logo, it had no website, and its programs (DREAMS mentorship, Coastal Task Force, Gender Bridge) were hard to discover and understand. Volunteer and donor interest depended entirely on social media posts.

So the work started with the identity, then gave the team a way to post on-brand, and then built the website on top.

Brand identity

A new face for a growing movement.

Before the website, I gave the organisation a new identity. The logo is built from three shapes, each carrying part of the mission: a square for the stability and support it gives students, a circle for unity and an inclusive community, and waves for the ocean and for growth. Together they turn the O of "ocean" into a wave.

The palette pairs ocean teal with deep navy, mint and a warm coral. It gave a youth-led group a confident, professional face that matched the scale of its work, and set the look the website is built on.

A new face for a growing movement. 1
The new logo and the three shapes it's built from.
A new face for a growing movement. 2
Square, circle and wave: what each one stands for.

Brand in use

One identity, everywhere they show up.

A logo only works if people can wear it, carry it and share it. I extended the identity into a volunteer mark, "I'm a volunteer" with the wave in the O, and into merchandise, so volunteers at beach clean-ups and events look like one team.

One identity, everywhere they show up. 1
The volunteer mark on a hoodie.
One identity, everywhere they show up. 2
"Building Waves of Change" tote.
One identity, everywhere they show up. 3
Volunteer tee and bucket hat.
One identity, everywhere they show up. 4
Pattern and symbol on coasters.

Social media

A voice the whole team can use.

A volunteer team posts often and in a hurry, so the brand needed to survive without a designer in the room. I built a social media system: teal and white templates for quotes, notes and photo posts, and ready-to-edit Canva templates the team fills in themselves.

On top of it sit the campaigns: volunteer calls, World Fisheries Day, the Ocean Leadership Program and the DREAMS summer camp, all on @weareosc.

A voice the whole team can use. 1
Volunteer call: "We need you".
A voice the whole team can use. 2
Call for volunteers: monsoon fisheries research.
A voice the whole team can use. 3
Calling youth changemakers.
A voice the whole team can use. 4
World Fisheries Day story.
A voice the whole team can use. 5
Director's note, the relaunch post.
A voice the whole team can use. 6
DREAMS summer camp, in Malayalam.
A voice the whole team can use. 7
Ocean Leadership Program card template.
A voice the whole team can use. 8
Quote post template.

Website

A clear home for the cause.

I designed osc.org.in around three questions a visitor arrives with: what does this organisation do, who does it help, and how can I get involved. The mission and impact lead, each program gets a plain explanation, and every page ends with a clear way to volunteer, donate or partner.

A clear home for the cause. 1
Programs: each one explained by what it does and who it helps.
A clear home for the cause. 2
Volunteer: what people give, and what they get back.

Mobile

Made for students on phones.

Every page was designed mobile-first and then scaled up to desktop, so students and volunteers can find their way in comfortably on a phone.

Made for students on phones. 1
Programs
Made for students on phones. 2
Ways to get involved
Made for students on phones. 3
Volunteer sign-up

How it was built

Designed by me, built by directing AI.

A volunteer organisation has no budget for developers. I made the product and design decisions (structure, flows, visual design and the design system) and directed AI to write the code within those rules, so the cause got a production website without a development cost.

Outcomes

What it gave the organisation.

  • 01One identity across the logo, merchandise, social posts and the website.
  • 02A social media system the team runs without a designer.
  • 03osc.org.in as the organisation's main home online, with all three programs in one place.
  • 04Clear, mobile-first ways in for volunteers, donors and partners.

Thank you for exploring this work

Questions about this project, or just want to talk? Get in touch.