A mockup of Warbler on a laptop

Warble

Web Development | UI Design | Data Visualization
Team

Katie Kunesh (me)

Product Type

Website

Timeframe

March - May 2025

My Role

Sketching
Wireframes
UI Design
Development

Tools Used

Figma
JavaScript
HTML
CSS
Node.js
GSAP

Overview

Warble is a website that synthesizes data from three APIs to create immersive bird soundscapes that encourage real-world exploration. It is designed for non-birders to learn more about different bird species across the United States in an apporachable and engaging way.

In the process of creating this passion project, I designed a prototype in Figma and translated it into a functional website using JavaScript, HTML, and CSS. Xeno-Canto API, Nuthatch API, and Wikimedia Commons are integrated to provide dynamic audio recordings and images of each bird species.

This page is a work in progress. For now, check out Warble at https://www.warblesoundscapes.com.

Contact me!