Marine Citizen Science Platform

Marine species database connecting divers and scientists
Marine Citizen Science Platform Figma wireframes and requirements discussion
Visual design mockups and frontend framework
Species search interface - multi-level classification filter
Species detail page - photos and geographic heatmap
Uploadcare photo upload interface
Series photo slideshow display feature
1 / 6
Client
BlueTrend Marine Media Team
Category
WordPress Development
Year
2022

Project Overview

Underwater photographers capture countless marine species photos but often don't know the species names, while researchers lack photos for their studies. The Marine Species Database serves as a bridge — photographers upload photos, then researchers and community classifiers work together to identify species. The platform is fully custom-built on WordPress, using Alpine.js for a smooth real-time filtering experience with category tabs, tag filters, and keyword search. It integrates Uploadcare for handling bulk photo uploads and features a community classification voting mechanism with species geographic heatmaps, accumulating over 8,000 members and 12,000 marine species photos.

Services Provided

  • Full custom WordPress subsite development
  • Figma wireframes and UX planning
  • Alpine.js SPA real-time filtering interface
  • Multi-level species classification architecture
  • Uploadcare image hosting integration
  • Community classification voting mechanism
  • Species geographic heatmap feature
  • WordPress REST API design

Key Results

8,000+ Members Accumulated

The platform quickly accumulated over 8,000 members and 81 community classifiers after launch, becoming Taiwan's largest marine species photo database.

12,000+ Photos Collected

Over 12,000 marine species photos, including rare species recorded for the first time in Taiwan.

Community Classification Voting

An innovative majority-vote system allowing citizen experts to participate in species classification, with automatic researcher notification when votes are tied.

Real-time Search Experience

Real-time filtering interface built with Alpine.js, supporting category, tag, and search modes with smooth operation and no page reloads.

Contact

Get in Touch

Have a tech need, project idea, or partnership in mind? Let's chat. First consultation is free.

  • Build a WordPress website or WooCommerce store
  • Need LINE integration or AI features
  • Have a product idea and need a tech partner
  • Existing site needs redesign or optimization
  • Looking for a long-term tech advisor