NB Rock

NB Rock is a case study of a mobile app wireframed, prototyped and designed in Figma.

Project
Build a responsive mobile app for a rock band, to further explore the inner workings and capabilities of Figma.

Goal
– Learn, hone and unpack advance skills in Figma, and problem solve prototyping issues on the way.

Functionality
– Design: using Figma as a design tool to its fullest capabilities (without having to use Adobe products)
– Animation: Onboarding, search, card hover
– Design System: Advance system with tokenization
– Prototyping: Conditional prototyping, overlays / popup modal, animations, videos

Task
– Wireframe: pages, user flow
– Mobile pages: Onboarding, Home, Search, Event, Checkout flow
– Prototype: pages, micro-interactions, animation, checkout. Test & retest to work out the kinks.

• Animation
• Branding
• Concept & Design
• Layout-Design
• Mobile
• UI
• UX