Atom enables fitness professionals, trainers & influencer-creators to manage, grow & monetize their community & content.
February to March 2021
Atom was a fitness solution, that served both the gym owners and the gym goers/fitness enthusiasts. Gym owners would be able to manage their business such as keeping track of revenue, total attendance, classes offered at the gym, and run and maintain their own community. The gym goer app allowed the user to see monitor their fitness journey, signing up for classes.
I was responsible for the design of the app. It was an existing product with a web and mobile app for gym owners and mobile app for gym goers. It was my first project after joining the company.
My first task was to go through both apps and identify all of the design issues, both visual and functional. I started logging and fixing design related issues. After logging them I would bring it to the attention of the team so we can decide if it is a priority. After that I start fixing it and present it to the team, before handing it off the developers.
I came on as a contractor which converted to a full-time role a month later because of the work I did, so it was a huge win for me.
I also implemented a developer handoff system for all the UI and UX work. Instead of giving them PDFs or directly uploading images onto Github, I made a separate Figma file for the developers to see exactly which tasks needed their attention with detailed instructions. The tasks would be on separate pages and I would send the link to those pages to the developers .
The developers highly appreciated this because I was including them in my design process and they were aware of why I made a certain design decision and they weren't implementing something just because I asked them to.
The most amazing thing was that the developer would hold me accountable if I messed something up, or if they felt there was something wrong with the user experience. THAT is collaboration. The designer shouldn't be the only one paying attention to user experience.
Because this was a working product, I decided to implement a rudimentary style guide to maintain a consistent UI across mobile and web apps. I was noticing discrepancies with button widths, page titles, and accessibility issues.
For certain components like buttons, text fields, navigation buttons, I added redlines so that the developers understood how much padding or margins were needed. I only had to do it once.