Logo

Giraffe with Calf

UI & UX Design, Ionic App Development

Giraffe pregnancy tracker built for a popular giraffe. Backed by a custom content management system.

Summary

Giraffe with Calf is a cross-platform mobile app that was commissioned by a well-known zoo to help fans track the pregnancy of one of their giraffes. I worked with E7 Systems to design and build the customer-facing mobile application. It is part of a custom CMS built to allow content managers to customize their app and post new content on the fly, without requiring any App Store or in-app updates.

Tech Stack

The app is built with Ionic 2 and relies heavily on a modular set of custom components built for reuse and extensibility. It features HTTP response caching, YouTube integration, and custom media galleries.

Accomplishments

  • Designed app UI and UX.
  • Built app to integrate directly with a custom CMS.
  • Worked with development team to implement custom SDK.
  • Developed YouTube integration to display a live stream in the native YouTube app, with an in-app fallback.
  • Built photo gallery and integrated image zoom and pan.
  • Developed form for users to ask the zookeeper questions.
  • Designed and coded custom parallax effect for the home page hero image.
  • Implemented client-side push notification registration logic.

Home page and hero image (left), home page, scrolled (right) Home page and hero image (left), home page, scrolled (right)

Side menu navigation Side menu navigation

Questions and answers Questions and answers

Content page with embedded YouTube video, scrolled Content page with embedded YouTube video, scrolled