Explore with sea creatures

Coral Reef App

product design

Coral Reef is Tinybop’s 10th app of The Explorer’s Library series. Coral Reef encourages kids to explore the complex relationships among living things in an ecosystem and the ways in which these living things depend on each other, and on the physical environment, for survival.

Sea creatures include black tip reef shark and octopus, green sea turtle and yellow tang, clownfish and sea anenome, parrotfish and coral, box jellyfish and zooplankton, sea grass, and linckia sea stars.

The app is available for iOS on the App Store and on web on Tinybop Schools in 40+ languages.


Tinybop branded opening animation

Sea anenome and rocks help give shelter to clownfish and octopus when blacktip reef shark are on the hunt for food

Box jellyfish feed on zooplankton and transfer energy to their prey. Ultimately their waste is fed on by other organisms in the coral reef.

The relationship between algae, coral, and parrotfish is one that each play a critical role in their ecosystem.

The mighty peacock mantis shrimp packs a punch so strong it emits a flash of light to combat its prey before hiding out in its cave to feast.

Linckia sea stars decompose dead animals with digestive fluids that break apart the carcass.

Sunlight and seeds produce seagrass that create the grounds for this ecosystem that give sea creatures a place to inhabit and coexist


Tinybop branded pattern

Inspiration & Process

Inspiration drawn from educational posters and diagrams

Color studies for the scenes

Evolution of the main scene

Parrotfish fine tuning to portray personality. Image by Holly Graham.

Alternative App Store icons


Art & Creative Direction,  User Interface Design, User Experience


Tinybop, 2018

Available on the App Store


Leah Feuer and Nneka Bolden · Wenjia TangIllustration · Holly Graham and Jessie Sattler, Technical Art · Russell Savage, Alejandro Palmero, Yin Liu,  Robert BlackwoodUnity Engineering  · Brian Jacobs, Sound Design · Beckie Choe, Motion, Illustration & Design

[unex_ce_button id="content_ztdwm1xvf" button_text_color="#f6f5f3" button_font="bold" button_font_size="15px" button_width="full_width" button_alignment="center" button_text_spacing="1px" button_bg_color="#272929" button_padding="60px 60px 60px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#f6f5f3" button_text_spacing_hover="1px" button_bg_hover_color="transparent" button_border_hover_color="#000000" button_link="http://www.thingsimake.com/work/the-guggenheim/" button_link_type="url" button_link_target="_self" has_container="" in_column=""]NEXT PROJECT · GUGGENHEIM WEBSITE[/ce_button]