The Hartford Zoo

Functional, Click-Through Prototyping using Figma

The topic of this assignment is the Zoo! We had to design a functional prototype of an app or website that allows people to purchase tickets to visit the zoo, view exhibits, donate, etc. (The zoo can be your local zoo, some other zoo, or some imaginary zoo – Harry Potter Zoo, Alien Zoo, Zoo of the Future, Zootopia, etc.)

Product specifications:

• Zoo visitors can select and purchase admissions tickets

• Visitors can view special exhibits, activities, or events that require additional purchase and choose to add them

• Other features, like viewing anticipated busy times, are at your discretion

Wireframing:

We designed aloud in this wire framing exercise; as we were drawing we were walking each other through the basics of the app. The landing screen should have the five basic core functions: Ticketing, Attractions and Events, Information, the Map of the Zoo, and the Hamburger menu in the top left that will show additional functions/area of the App.

We wanted to ensure a consistent navigation in the UI: The top menu bar will always have the Hamburger and the Shopping cart available, while displaying the title of the current screen you are in (e.g. Tickets). The bottom navigation bar will always provide a way to move forward and backwards throughout the app. Finally, the home button at the button at the bottom will take the user back to the landing screen.