Week 1: Initiated brainstorming, sketches, and UI inspirations. The app consists of two primary components: Onboarding (for personalizing user experience) and the Main App (featuring a Water Ring and buttons to log small and large gulps).
Weeks 2-3: Created wireframes and developed low and high-fidelity mockups using Sketch, adhering to Apple’s Human Interface Guidelines.
App Icon Design:
The Water Tracking Ring:
Weeks 4-5: Entered the initial development phase in Xcode, implementing Auto Layout constraints to ensure a responsive interface. Utilized SwiftUI for real-time interface previews.
Week 6: Focused on animating the Water Tracking Ring. Used PaintCode to convert the design from Sketch into Swift code, enabling dynamic animations connected through Interface Builder.
Weeks 7-8: Continued development with an emphasis on Settings, allowing users to modify their profile, measurement units, daily goals, and gulp sizes.
Week 9: Conducted debugging to resolve animation issues related to gulp input.
Week 10: Submitted the app to the App Store via Apple Developer Account. Following a review by Apple, “Gulpz” was approved and available to the public.
.svg)