Chilbration-App Design in Flutterflow | Design and Development

Our current user interface (UI) for ChiBrations' platform started as a functional MVP (Minimum Viable Product). While it successfully launched the core features, it now lacks the user-friendliness, responsiveness, and accessibility features that today's users expect. This creates a barrier for some users and hinders the overall user experience (UX). The UI's design also falls short of modern standards, potentially impacting brand perception.

The solution will be revamping the UI to address these limitations. The new design must prioritise user needs by being intuitive. It needs to adhere to accessibility standards to ensure inclusivity. However, achieving this transformation requires careful consideration to maintain the established UX and task flows. Users familiar with the previous MVP version should still find a smooth and consistent experience in the redesigned UI.

The revamp of Chibrations Mobile focuses on improving the user interface (UI) of an existing product, the UI was completely redesigned to be user-friendly, accessible, and visually modern. This ensures a smooth transition for existing users while creating a more inclusive and engaging experience for everyone.

We have to migrate, integrate and build the application using FlutterFlow which has the ability to create beautiful, user-friendly apps for both iOS and Android, all while promoting accessibility, and then Supabase which offers a powerful backend-as-a-service (BaaS) solution with several advantages: open-source flexibility, a robust PostgreSQL database for complex queries, real-time data updates, user authentication features, and unlimited cloud storage.

During the implementation processes, we have successfully been able to integrate the ability for users to be able to locate the exact location where an event is happening, hence making it very easy for users to locate at their convenience.

Due to some of the changes we have made during the revamp of this product, we knew in order not to keep users confused on what every sign and colour meant, we had to create a user guide upon Sign up of every user.

Created a multiple viewing system so users have viewing option based on their needs and what they are most comfortable with hence creating a user friendly and user inclusive application.

We understand humans can get stressed up when filling forms and more if the interface is messy and unclear, so we created a user friendly and accessible interface that is very use and understand, guiding them through every steps of their journey.

We included additional sign-up and sign-in options such as Google and Apple to make the onboarding process easier and more efficient.

We made the admin application, it’s features, actions and navigations as user centred as possible following

We understand humans can get stressed up when filling out forms and more if the interface is messy and unclear, so we created a user-friendly and accessible interface that is very use and understandable, guiding them through every step of their journey.