top of page

Animalia App

Role (s)

Animalia

A social knowledge app for animal lovers.

Product development

UX research

UX copywriting

UI design

Brand design

Motion design

Sneak peek of the final app
iPhone 13 Pro-1.png
iPhone 13 Pro-2.png
iPhone 13 Pro-4.png
iPhone 13 Pro-5.png
iPhone 13 Pro-3.png
iPhone 13 Pro.png
Overview & research

A social knowledge app for animal lovers

Simply put, Animalia is a social media app for people that love, live or work with animals. It combines elements of education and entertainment simultaneously by having a community driven knowledge bank of all animals (think Wikipedia) while it also has a social interaction, posting and following mechanic (think Instagram). 

​

​

The Problem

290M

Average animal account followers across social media

65%

Of all social media users want to or already follow an animal related page

55%

All content on social media is animals

500+

Hours of animal content is posted online every week

35%

Of all social media users have
pet accounts

0

Social apps or platforms are dedicated to the animal community

If it is not obvious yet, there is a multi million user community to build. A place that puts meaning to the numbers above. Because the question to ask then is, Why do animals exist as part of the social media ether when they have enough power in volumes and interest to own their own social media space?

​

That problem is what Animalia solves.

Surely, someone has already tried to address this market.

Indeed they have. Google has a huge repository of information you can access through their lens or a simple google search. Wikipedia is, well, Wikipedia, iNaturalist is a nature catalogue app that has tons of knowledge of nature, Merlin bird App focuses on birds, Earthsnap snaps photos of nature, etc. 

​

And yet, Facebook, Reddit, Instagram and TikTok have hundreds of millions of users following animal related accounts instead of flocking to the various nature focused alternatives.

​

What are they looking for there?

​

The simple answer, COMMUNITY.

The animal loving community is social.

None of the available alternatives focus on this. They communicate in a top down approach instead of community driven network effects. 

Who needs and can use Animalia

Target market.png

These groups of people all share an interest in animals.
 
They form the community than can use Animalia.

User research

Key takeaways

01

Users use a combination of multiple apps to get what they want. Google lens to identify, Google images to see photos, Wikipedia for information, YouTube for Videos, Google maps for location and Reddit or Facebook for sharing and discussion. 

02

Users would prefer if they could curate their information and receive already filtered material that caters for their different pain points.

03

A feature that shows maps and specific animal locations would be key.

04

The need for community makes users keep using platforms they do not like just because that is where their animal loving communities reside.

05

Major products in the market have no good network effects, work in a top down approach, feel impersonal, outdated, overwhelming and untrustworthy.

06

Even to enthusiasts, only studying about animals can get exhausting. Sometimes, users want to decompress by watching funny videos of their preferred animals or posting their own stories. This pushes them onto other social media platforms that they otherwise would not have joined.

07

Individuals, companies and organization interested in marketing to animal loving communities rely on hit or miss social media advertisement to reach out to their target customers. 

08

Wildlife photographers, videographers and filmmakers rely on other platforms to showcase or market their work. Often which means they do not get to market it directly to the eyeballs that would need it.

Animalia puts a focus on these pain points.

Ease of use.

Well curated information.

Community.

Entertainment.

Utility.

comparative study.png

People that love animals want to both learn about them and also be entertained by them.

Which is why Animalia must be an edutainment utility platform.

Themes & opportunities

themes & opportunities.png
Feature ideation.png

User personas

Because there are various personas that would find Animalia crucial. I built 3 uber personas out of the research.

Suzie.png
Anthony.png
James.png

Crafting an educational, social, fun and impactful experience.

Site map

siteflow.png
The solution in action

Phase 1. 
Branding design

Crafting the Logo

The Animalia logo needed a very distinct touch. An appearance that will set it apart from any other product while appearing and feeling animalistic. Representing both the chaos and harmony of the animal kingdom.

Primary
Secondary
App Icon
ezgif.com-gif-maker.gif

For Animalia to be truly unique, we created a custom typeface

Often times you have to create entire scripts or plugins to get what you want. We created a typeface to be unique to Animalia. I called it Chaos Animalia.

Font.png
Animals.png
A20.jpg
cup_with_a_straw_mockup.jpg
Sticker Tape Mockup-Recovered.jpg
Box_Mockup.jpg
20.jpg
double_street_pole_banner_mockup_low_angle_view.jpg
20_April_08.jpg

No merch?
We don't think so.

merch.png
hoodie girl.png

Typography

Ag

Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 !@#$%^&*(),.<>/?;':"[]{}-_=+

Plus Jakarta Display

Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 !@#$%^&*(),.<>/?;':"[]{}-_=+

Ag

Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 !@#$%^&*(),.<>/?;':"[]{}-_=+

Merriweather

Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890 !@#$%^&*(),.<>/?;':"[]{}-_=+

H1

Medium 64Px

H2

Medium 40px

H3

Medium 24px

Subtitle

Regular 24px

Body

Regular 16px

Small body

Regular 16px

Pre-title

Medium 10Px

Button

Medium 14px

Colors & patterns

Color.png
psd_14_edited.png
psd_15_edited.png
psd_16_edited.png
The solution in action

Phase 2. 
App design. UX/UI

The building blocks

The component base and design system for the app is also equally founded on unique assets and design. 

Buttons, warning labels, etc. 

design system.png

Drumroll.....
The Animalia App

First, some literal wireframes

wireframes.png

Sign up / Onboarding

Onboarding 2.png

Home feed

feed.png

Search

search.png

Uploads & submissions

Upload.png

Accounts & messaging

Accounts.png
The solution in action

Phase 3. 
Marketing

The marketing was broken down into 3. Website (which is a form of marketing depending on the kind of business), social media and motion design.

The website

Website.png

Social media

Social media stories.png
social media.png

Motion design

For this project, more like some 2D animation and some pretty sweet video editing. We would have added the entire process as well but at this point, I am certain you know that there was a process for it. So, enjoy the video.

bottom of page