image image2

Wilhelma Stuttgart

From A to Zoo —  
Your All-In-One Animal Adventure App

Overview
Timeline 2020 | 2021
Overview
Role UX/UI | Communication design
Timeline 2020 | 2021

Task

Create a transmedia communication strategy for a company that makes complex topics easy to understand through different visualization models.

— University project

Client

This is a conceptual project focused on improving the visitor experience at Wilhelma Zoo, Stuttgart. The Zoo is the only zoological-botanical garden in Germany and one of the most species-rich zoos in the world. It attracts 1.5 million visitors each year.

The zoo faces several challenges, such as crowd management, conservation awareness, and infrastructure maintenance.

Idea & Solution

The idea was to provide visitors with a more interactive and informative experience. Through an app, visitors can buy tickets and find their favorite animals. With beacon technology, users can access an audio guide, preventing crowds around information boards. The app aims to make the zoo visit enjoyable and interesting for all ages and interests.

  • COVID-19 situation
  • information overload
  • long waiting times at the checkout
  • large areas with many animals

Emphatize

Interviews

To understand the pain points and interests of zoo visitors, different people were interviewed.

Key findings

  • ­Visitors want to know what events are happening at the zoo before they go there.

  • People prefer digital tickets to avoid lines and losing their physical tickets.

  • Visitors care a lot about the animals and special events.
It would be easier for me if I had a map that took me to the animal I wanted to see quickly.
Sarah
I would like to buy my tickets in advance, so I can plan my trip.
Julius
Many people stand in front of the animal info boards, which leads to me not wanting to wait and missing out on the info.
Valentina

Define

Persona &
User Journey

To better understand and visualize the target audience, user personas were created to help better align users needs, goals, motivations, and behaviors.

The User Journey was designed to identify the possible challenges, needs, and problems a user might encounter.

Result

  • A user-friendly app that makes online searches easier and offers useful features like interactive maps and audio guides makes visitors happier.
  • Initial stress and hesitation indicate the need for better SEO, a streamlined app onboarding process, and an appealing app presentation.
  • Clear ticket pricing and multiple payment options are essential for a smooth and stress-free purchase experience.
  • Positive user experiences drive recommendations, showing how the app can improve visitor loyalty and attract new users through word-of-mouth.
Design process
from thinking to design
Design process
from thinking to design

Ideate

Wireframes

After deciding what the app needed and what it should look like, I made the first version of the interface using wireframes. When I made the first version, I thought about how things should be organized to create a smooth and intuitive user experience.

I focused on the layout, prioritized the most important features, and made sure that the navigation was easy to understand. I also considered the visual hierarchy to guide users' attention to the most important elements first. This helped me find problems with how things work early and fix them before moving on to more detailed designs.

App structure &
Design System

The app structure was created with the goal of making their experience easy and enjoyable. I organized everything to make it easy for users to find what they need. Users can easily plan a visit and find important information, ticket options and event details. I kept them interested with news, buying tickets, and sponsorship opportunities.

The colors in the app represent different themes, such as savannas, jungle, sea, forest. These colors were chosen to enhance the visual aesthetics and create an emotional connection with the different environments. A lot of white space was used to avoid information overload.

End result
from concept to end
End result
from concept to end

Digital Solution

App Design

Finally, here are the screens I've designed for the Zoo app. The app offers a simple user interface that allows users to access the most important information quickly and easily. It includes significant information.

No more unnecessary long walking around the zoo thanks to the interactive map. This way, users can pick a spot and walk directly to it. An augmented reality navigation is also featured and prevents our visitors from getting lost.
The audio guide function works with the Beacon method. Beacons are small, battery-powered devices which are placed near the animals enclosures. When Beacons send Bluetooth signals to smartphones with the Zoo app, visitors get a push-up notification to start their audio tour.

Print Media

Poster & Buttons

We made print materials to go with the app, like buttons, posters, postcards, a site plan etc. These things were made to catch people's attention, make their experience better, and appeal to different groups of people. Plus, they're fun little extras, especially the buttons, which people remember.

You can pick up our postcards in the cities or right at the Zoo. They have cute sayings and pictures of animals that bring both children and adults to smile.
Our logo uses four colors, each representing a specific zoo area. For example, green symbolizes jungles, tropics, and forests. Pink is chosen to highlight the extinction of an animal species.
Our Zoo Map makes it easy for visitors to find their way around the Zoo. We've also marked animal areas, attractions, and activities so you don't miss anything.  Important details like opening times and ticket prices can be found on the back to help you plan your zoo adventure.!
Final words
from creating to learning
Final words
from creating to learning

Final Thoughts

The project showed how important it is to get the design elements working well together. I focused on how colors, fonts, and pictures could work together. It was difficult to keep things simple and not overwhelm with information.

I am new to making apps, so I had to figure out how people use them and how to make them easy to use. I gained new skills and understood better how to make digital stuff that people like using.

All these experiences will help me in the future. I now realize how important it is to get the balance right when making digital things that people can use easily. I learned a lot about keeping things simple, balanced, and focused on what people want in digital design from this project.

Reflections & Learnings

Starting this project transformed my view of design. I learned a lot about choosing the right colors, fonts, and images to make a website or app easy to use and nice to look at. It was hard to keep things simple without overwhelming users with too much information. Making apps user-friendly was something I hadn't done before, but it was fun and I felt proud of what I created. This project helped me grow and appreciate how important it is to make digital stuff easy for people to use. I'll use what I learned in my future projects, always keeping things balanced, simple, and focused on the user.

Rebranding & Print media

HfG Schwäbisch Gmünd, Course: Transmedia communication, 2020
Team: Jasmin Bernschütz,
Anastasia Judt

App

Designed separately of the school, 2021
Team: Anastasia Judt

Tools

Miro
Adobe Photoshop
Adobe Illustrator
Adobe InDesign
Figma
Protopie
Tumult Hype
Canon EOS 5d mark iii
Sony alpha 6000
Miro
Adobe Photoshop
Adobe Illustrator
Adobe InDesign
Figma
Protopie
Tumult Hype
Canon EOS 5d mark iii
Sony alpha 6000
Arrow points upwards