We had two audiences to think about while designing this app. The first (and most important) were the businesses our client would be selling to and the second were the consumers the businesses would be selling to. As a consumer loyalty app, we wanted to make sure the app was easy to use for everyday, on-the-go use. The app needed to be easy to use and navigate both during business meetings (for proof of concept), and easy to use and navigate for consumers running daily errands. We wanted to make sure the design was subtle and that the animations weren’t disruptive.
We took an agile approach to this project - working in sprints, hosting daily stand ups and weekly sprint meetings. Each week, we’d gather feedback, sign off the previous release and map out user stories for the next sprint - and each week we’d release a new version of the app for the client to QA. For anyone curious, we used TestFlight for this. We ran five sprints in total to get to the final result, which we were all pretty happy with.
We knew from the get-go this app would feature a variety of animations, from the onboarding screens to subtle movements on icons and buttons. We decided to push the boundaries a bit and hand code animations with Squall for After Effects. Squall is a powerful tool and mirroring app that allows you to create an animation, preview it live on a mobile device, convert it into Objective-C or Swift and then include it in your app. Phenomenal, right?