YP Club: Product Design & Design System
The brief
As "Dubai Young Professionals" expanded to new cities, a global rebranding and a new app were necessary to align with the company's new vision.
Wireframes, Information Architect
The process began by comprehending the current app, assessing user feedback, and pinpointing new features in line with new business objectives. Concepts were visualized through low-fi wireframes, ensuring alignment with both tech and business aspects before progressing to prototyping. Later we moved on to low-fi prototyping and testing until we have the whole journey defined.
Art Direction for UI
After finalizing the new visual identity, the transition from wireframes to UI began. We initiated this phase by exploring various methods of translating the new brand guidelines into the user interface.
Are you interested to learn more about the new brand identity? See the case study here
The winner
The chosen design was a fusion of various concepts. Subsequently, the focus shifted to crafting the home screen, aiming for a visually engaging, gamified, and distinctive appearance.
The Prototype
Developing a comprehensive prototype for extensive usability testing, iterative refinement, and later delivery to the development team.
Design System
Establishing a comprehensive design system was crucial for the app's expansion. Utilizing Figma, we carefully crafted a system featuring defined components, an icon library, a typography stylesheet, color palettes, and more, ensuring scalability as the app continues to evolve.
Figma files
Some screenshots from the Figma file.
Micro Animations
This animated presentation illustrates the seamless connection concept, demonstrating how two members can swiftly link up using Near Field Communication (NFC) technology.