The Workout Overview, one of the most frequently used views of the Nuli app, has remained untouched for a long time. Given that our app underwent a significant design evolution more than a year ago, the current aesthetic of the workout summary has become noticeably outdated, creating a visual disconnect within the app.
The goal is not only to modernize the look and feel of this important view, but also to reinforce a cohesive brand identity throughout the app, while ensuring that all existing functionality within this screen remains intact and unaffected.
<aside> 💡 Note: This assessment is designed to evaluate your skills using a real-world project scenario.
</aside>
Demonstrate your front-end skills by integrating a full app view, focusing on clean code and user delight - through animations, micro-interactions, and a smooth experience particularly on iOS devices.
🔗 Here is the Figma mockup of the new Workout Overview screen.
<aside> 📎 See also: • 🔗 Prototype link • 🔗 Dev mode link
</aside>
Screen Recording 2024-06-06 at 11.03.25.mp4
Using 🔗 our starter repository on GitHub, create a user-friendly interface for the updated Workout Overview screen. This includes: