beakaboo-header

Beak-a-Boo

Taking a beak into the nest.

Beak-a-Boo

Taking a beak into the nest.

ROLE
Concept, UI/UX, Visual Design

TIME
Spring 2018, 12 weeks

CLIENT
Class project

Beak-a-Boo allows visual learners of all ages to identify and learn about the birds around them using illustrations, diagrams, and simple charts to better understand and appreciate the world around them.

mockup-divider

PROBLEM

Humans live surrounded by complex and unique ecosystems, yet don't understand their part in the ecological community. Developing this awareness would lead to knowledge on how to help their local environment flourish as well as a greater appreciation of the global biological diversity.

SOLUTION

Beak-a-Boo provides a unique and visually interesting experience that allows users to learn more about many different species of birds, an animal local to nearly every community, to develop a better understanding of their local environment.

KEY FEATURES

KEY FEATURES

QUICK AND ENGAGING INFO INPUT
To identify a bird, the user can choose how to input the information about the bird, whether it be creating a visual representation of the bird or uploading a photo they snapped.

 

ENCOURAGE LEARNING
After identification, the user will be presented with a basic overview of the bird's behaviors and traits to learn about the bird that lives around them.

SKETCHES

During the sketching process, I focused on laying out a simple interface and finding ways to visually display information. This included the first stages of developing the Build-a-Bird feature, where the user would tap and drag elements together to create the bird they want to know more about.

sketches

WIREFRAMES

During the wireframing process, I further explored creating a visual experience through iconography and illustrations. The Build-a-Bird feature evolved into a simpler and cleaner design.

wireframes

DESIGN STYLE & MOOD

This style uses simple graphics of elements of nature including leaves, trees, vines, and animals. A gritty texture is applied for a more traditional and natural twist to a modern graphical style.

style-moodboard-01

FINAL DESIGN

screens-04

See the mystery bird come to life.

A unique method of inputting information about the bird allows the user to see the bird they want to learn about come to life.

Onboarding to help you leave the nest.

Simple๏ปฟ slides show the user how to utilize the unfamiliar features of the application.

screens-12

Learn about new birds on the fly.

Visuals allow the user to learn and visualize new information about the bird they've seen to better understand their avian neighbor.

screens-01
screens-02
screens-03
screens-04
screens-05
screens-09
screens-11
beakaboo-01

Thanks for reading!

Thanks for reading!

Check out some more:

BMW Financial ServicesBrand Experience Design

SpotMobile and Product Design

Let's Build RocketsBranding and Web Design

Traditional WorkPainting and Illustration

Hey, I'm Lauren Schneider. I'd love to hear about your favorite bad font! ๐Ÿ‘‹๐Ÿค ๐Ÿ‘

laurenaschneids@gmail.com

Hey, I'm Lauren Schneider. I'd love to hear about your favorite bad font! ๐Ÿ‘‹๐Ÿค ๐Ÿ‘

laurenaschneids@gmail.com