top of page
logo.png

How It Works

ZOO National Geographic is a dashboard for zoo animals tracking system, that collects and documents animals’ behavioral data.

My Role

- Branding and logo

- UI/UX Design

main image.png

The Creative Challenge

The main goal was to design a sleek layout interface, which will allow to collect data and track the zoo animals, while taking National Geographic branding language into account.

main-image_02.jpg

Visual Design

The design process included building a brand identity that is based on the National Geographic brand, along with creating a functional, simple and readable design, that appeals to the target users.
 

14.jpg

Data Visualization

Simplify the graphs’ design by selecting the best method to visualizied each data. The yellow color is used for the important information to stand out, while maintaining a consistent design between the different information areas.

Group 9.png

Articles Layout

Stunning, eye-catching photos combines harmonically with highly readable and lean fonts, to attract users attention.

Responsive Design

The design is flexible so users can view data on any screen size and device.

res1.png
res2.jpg

Inspiration & Design Research

The visual language was inspired by National Geographic brand language, animal tracking interfaces, and fitness apps.

National Geographic Brand

insp1.png

Fitness Tracking Apps

insp3.png

Design Elements

Group.png

User Profile Section

bella.png

Animal information Section

nursing icon.png

Nursing Icon

Color Palette

The palette accents echos the color of National Geographic brand. For the main graph there was a need to use different colors to add a notion of levels, while staying consistent with the brand.

Animal Tracking Features

insp2.png

The Logo

A typography new part was added to the National Geographic original logo to present the new tracker brand name.
 

logo_smaller.png

Logo Sketches

Different combinations of National Geographic logo and the tracker name, “ZOO”, with different details and styling.

logos.png
bottom of page