-4.gif)
Initially, I convened a brief meeting to ascertain the requirements of my clients, who are dedicated and actively involved in fostering the Filadelfia Church community. I engaged them in a discussion about their personal backgrounds, their church’s current state, the existing application, and their aspirations for its redesign. Additionally, I sought to understand their priorities for the redesigned application, including their target audience and their vision for its future development.
This gathering provided me with valuable insights that I can utilise effectively throughout the project. For instance, I identified the need for a clear and light-hearted user experience as they navigate through the application. Furthermore, I emphasised the importance of highlighting the main motifs and ensuring that the design system is both adaptable and customisable. Additionally, I suggested implementing a light and dark mode option to cater to different user preferences. Finally, I proposed striking a balance between a clean and contemporary design and incorporating a touch of vibrant colour to enhance the overall user experience.
Firstly, I have thoroughly reviewed all the screens in the client’s application. During this process, I identified several areas for enhancement and developed initial concepts for improving the user experience.
While I had a general vision of my objectives, I also sought to explore the approaches of other brands to similar functionalities. I examined several applications that proved particularly valuable in this context, including Spotify, Orange Flex, and Allegro.
I identified key features that I could draw inspiration from while redesigning the client’s application. I collected screenshots from these applications and described the aspects I found appealing, enabling me to present my findings to my client and facilitate a discussion during our meeting.
Furthermore, I focused on developing the information architecture for the primary functionalities. This provided a clear understanding of my objectives, significantly clarifying my vision. Based on this, I commenced designing and sketching initial concepts for the app redesign. I conducted this manually, using a piece of paper and a pencil.
Concluding this phase, I prepared a mood board to establish the desired ambiance for the final version. This activity had a notable impact on the development of the new colour palette for the application.
In the redesign of the application, I collaborated with my own small components library. Initially, I identified the font and icons I intended to use. I opted to utilise Basil Icons for this purpose. My preparatory sketches facilitated the design of the initial primary screens. From these, I determined specific paths within the application, such as adding a song to the favourites list or composing a note for a particular podcast episode.
The application consisted of six primary areas:
The components required for the design were created during the design of specific screens. Upon recognising the need for reusable design elements, I transformed them into components. I prepared all new designs in Figma, ensuring both light mode and dark mode versions.
This project was based on my existing knowledge and experience. I endeavoured to make design decisions as judiciously as possible. I received mentorship from my academic supervisor at the time.
I selected white as the primary colour for the light mode and dark blue for the dark mode. My objective in redesigning the application was to enhance its usability and accessibility while maintaining adequate contrast.
-5.gif)
