Product Design
Ocean Students Community
Nonprofit Website — osc.org.in
Role
UX & Graphic Designer
Year
2024
Industry
Nonprofit & Education
Client
Ocean Students Community
Services
UX/UI Design, Web Design & Development, Branding
Project hero image
Ocean Students Community needed a digital presence that communicated their mission — empowering coastal students through mentorship, marine conservation, and community programs — while making it easy for volunteers, donors, and partners to get involved. I designed and built the entire website using AI-assisted development.
Quick Overview
Designed and built the website for a youth-led nonprofit using AI-assisted development — giving the organization its first dedicated digital presence with clear engagement pathways for volunteers, donors, and partners.
100+
Volunteers
3
Programs
1
Built By
AI-Built
Method
Key Outcomes
Jump to Section
Problem
The Challenge
The organization had no dedicated website. Their programs (DREAMS mentorship, Coastal Task Force, Gender Bridge) were hard to discover and understand. Volunteer and donor engagement relied entirely on social media.
Solution
The Solution
Designed and developed osc.org.in — a clean, mission-driven website showcasing all programs, impact metrics (100+ volunteers), and clear engagement pathways for volunteering, donations, and partnerships. Built with accessibility and mobile-first principles.
Tech Stack
Built with AI Assistance
The website was built entirely using AI-assisted development — I handled the product decisions, UX flows, and visual design, while leveraging AI to implement the code. This approach allowed me to ship a production-grade website as a solo designer.
Next.js & React
Server-side rendered React application for fast page loads, SEO, and optimal performance.
Tailwind CSS
Utility-first CSS framework for rapid, consistent styling across all pages and components.
Framer Motion
Scroll-reveal animations, page transitions, and micro-interactions for a polished user experience.
AI-Assisted Development
Every line of code written through AI collaboration — from component architecture to responsive layouts and deployment.
Outcomes
Results & Impact
- 01Launched osc.org.in as the organization's primary digital presence
- 02Clear engagement pathways for volunteers, donors, and partners
- 03Showcased all programs: DREAMS, Coastal Task Force, Gender Bridge
- 04Mobile-first, accessible design serving a global audience
- 05Built and shipped by one designer using AI-assisted development
Thank you for exploring this work
Interested in working together or discussing this project?