Skip to main content

Spots You

  • Challenge

    Better incentivize employee wellness through an easy-to-use gym reimbursement program.

  • Solution

    Build a native app with a Firebase backend that automatically tracks and logs gym attendance for employees choosing to participate.

  • Results

    A digital product that went from idea to a polished beta app in less than two months. Since launch, users have logged over 900 workouts in the app.

Get excited about getting fit. How do you promote wellness in your organization without making team members fill out nosy forms and submit receipt after receipt? At Viget, employees can now open the native-built app, check-in at their gym of choice, and after eight visits, their reimbursement is automated. No passwords to remember or manual processes for logging expenses. The app also highlights inspirational stats like the longest daily streaks, an individual's total workouts, and the number of times a team member has been reimbursed.

View the Site

Design process

Code while you design.

We had a limited amount of development time, so we started building right away. This meant making decisions about the design on day one, with a sketch wireframe that came to life as a clickable Figma prototype. This aligned the team on what to build and why, without locking us into a UI direction too early.
Wireframing in a grid notebook let us quickly try several layouts.
Figma makes stitching wireframes into a clickable prototype a snap.

Iterating on "wow"

Looking better every day.

Since this was an internal app, we focused on the aspects most valuable to our team: making it fun and intuitive, building out a showcase-worthy design, and experimenting with new techniques. We started with working features, polished design as we went, and got developer and user input early and often. Because we iterated on the design throughout the project, we saw the product in action real-time and allowed user feedback to guide future work.

Animation

Bringing the design to life.

Once screens were near-final, we grouped up to create and prioritize animation tickets on the highest-impact parts of the app. The animations followed a rough guideline, but each developer contributed their own ideas and discovered techniques for giving the screens flashy but sensible movement.

Implementing Custom UITableViewCell Separators in iOS
Prayash Thapa, Developer

Technology

Build quickly.

Most tech decisions were made in the first meeting after reviewing a rough design spec. We went with Firebase for data, because it was easy to use, lightning-fast, and enabled us to update the leaderboard in real-time.

From Idea to App: Building Spots You
Doug Avery, Senior Developer

Summary

We built an internal app using rapid cycles of feedback-driven user experience, design, and development work. By balancing development speed and design quality, the final product is a slick and functional app that runs fast, works well, and looks great.