Fös App Design



Freude Österreichs in der Schweiz, a non-profit organisation in Switzerland, engaged my services for the development of a bespoke mobile application aligned with their unique business requirements. With the overarching objective to facilitate seamless communication and streamline operational processes within the organisation, the project entailed a meticulous understanding of user needs, an iterative design process with consistent validation through testing. This dedicated effort resulted in an intuitive and effective tool, poised to significantly enhance productivity and foster greater collaboration within the organisation.



PROJECT OVERVIEW





FÖS is a non-profit organisation that identified the need for an intuitive application designed to facilitate seamless communication among investors and teams. The app emphasises ease of event participation and purchasing of tickets, while promoting direct dialogue and feedback, simplifying and enhancing collaborative efforts.



CONSTRAINTS





8 week time line

IOS platform

Mobile first design



Problem Space



Non-profit organisations, such as FÖS, often encounter challenges in facilitating efficient communication between investors and their teams. These obstacles can impede seamless event participation, purchasing processes, and direct feedback exchanges, which is crucial for successful collaboration and operational effectiveness. The absence of an intuitive application that addresses these needs presents a significant gap, hindering the organisations potential to streamline processes and maximize revenue opportunities.



Objective





As a UX/UI designer, my primary goal is to develop an intuitive and user-friendly application for FÖS, focusing on improving communication channels between investors and teams. This application will prioritise ease of event participation and streamline purchasing processes. It will also promote an effective feedback system for direct dialogue, further facilitating productive collaboration. By addressing the current challenges the organisation is facing, I aim to enhance operational efficiency, optimize workflows, and ultimately, contribute to maximising the overall productivity within the organisation.



Defining the Goal





The goal of the FÖS app is to serve as a comprehensive communication tool for non-profit organisations, specifically designed to connect investors and teams efficiently. It aims to facilitate effortless event participation and streamline purchasing processes, making these activities straightforward and convenient for all users. In addition, the app seeks to foster an environment for direct, open dialogue and prompt feedback, which are critical for productive collaboration and decision-making. By addressing these specific needs, the FÖS app aspires to enhance operational efficiency, improve team collaboration, and maximize overall productivity within non-profit organisation.



The process



Project stages



User Research



Learning and understanding the challenges the non profit is facing and there needs.



User Flow



Segmenting and defining the user experience. This allows us to see when and how users interact with which screen.



Empathy map and Pasona



After the user research and analysis, the attitude and persona of users was assessed to help better understand what the user might need.



Low Fidelity Sketches



Paper sketches is a necessary part that helps convey the information architecture and user flow of the app.



Competitive analysis



Analyse the market for existing competitive Apps that could be used for the similar need of the customers



Wireframe & UI Iteration



Wireframes and UI iteration are important in designing effective and user-friendly digital interfaces. Wireframes allow designers to test and iterate different design ideas, while UI iteration helps to refine the interface based on user feedback and design considerations.



User Research



Upon establishing a broad understanding of the situation, I implemented user surveys among FÖS members. These surveys were designed to shed light on their current communication practices and to gain insights into their existing challenges and frustrations.



Empathy Map & Persona



Based on the gathered information, an empathy map was created to better understand the emotional needs and experiences of FÖS members. This tool helped highlight their pain points, thoughts, feelings, and motivations in their current communication methods, providing a deeper understanding of their challenges. Furthermore, a user persona was developed that embodied the typical FÖS member, representing their characteristics, frustrations, and needs.



Competitor analysis



Following a systematic approach, a competitor analysis for the FÖS app was conducted. This involved identifying and evaluating direct and indirect competitors, scrutinising their products, and understanding their strengths and weaknesses. User reviews were meticulously analysed to gain insights into user preferences and unmet needs. Competitors' strategies, objectives, and unique selling propositions were also studied to comprehend their market positioning and differentiation points. Moreover, a thorough examination of their UX/UI was undertaken to benchmark best practices and identify potential areas of improvement.



Information Architecture



In designing the FÖS app, a well-defined information architecture was established to create a structured layout and intuitive navigation system. This blueprint not only organizes the app's content in a way that aligns with the users' expectations and needs but also ensures that information is easily accessible. The information architecture serves as a guide for the app's user interface design, facilitating a user-centric experience and contributing to the overall effectiveness and success of the app.



User Flow



For the FÖS app, a clear and intuitive user flow was designed to streamline the process of event participation and payment. This involves a sequence of steps that guides the user from discovering an event, making the decision to join, through to successfully completing the payment process. This user-centric flow is meant to provide an effortless, seamless experience, reducing potential drop-offs and increasing the likelihood of successful event participation. It's a crucial aspect of the app's design, aimed at enhancing user satisfaction and overall engagement.



Low Fidelity sketches



As part of the initial design process for the FÖS app, low-fidelity sketches were created. These preliminary representations of the app's layout provided a visual understanding of its structural foundation and functional elements. These sketches were instrumental in exploring different design ideas, conceptualising user interfaces, and mapping user flows.



Wireframing



In the development process of the FÖS app, wireframing played a crucial role. This stage involved creating detailed, schematic representations of the app's interface to illustrate the planned features, layout, and user interactions. The wireframes served as the blueprint for the app, providing a clear understanding of its functionality and navigation before moving into the design and development stages.



Testing



During the design process of the FÖS app, the wireframes were subjected to extensive testing. This iterative process was crucial in uncovering potential usability issues and validating design choices before moving into development. Users interacted with the wireframes, allowing us to observe their behaviours and reactions and gather valuable feedback.



High Fidelity



High-fidelity designs were developed for the FÖS app after the wireframe testing and editing stage. These designs showcased the app's final look and feel, incorporating detailed UI elements, colour schemes, typography, and imagery. High-fidelity designs provided a realistic depiction of the app's user interface, offering a comprehensive view of how users would interact with the app. This level of detail was crucial in conducting further usability testing, soliciting feedback, and communicating the design intent to stakeholders and the development team.



Learning Outcomes



Throughout the process of designing the FÖS app, I have gained a wealth of knowledge and experience. The journey, from user research to high-fidelity design, was an enriching experience that refined my understanding of user-centric design and the importance of iterative processes. Working closely with the FÖS team and its stakeholders offered valuable insights into the unique communication needs within non-profit organisations. This engagement greatly informed the design decisions and helped tailor the app to suit the user’s requirements effectively. Through rigorous testing at various stages, I learned to embrace feedback and iterations as crucial steps in refining the app's design. These steps helped uncover unforeseen usability issues and provided opportunities to enhance the app's functionality and user experience. Although the company expressed satisfaction with the design outcomes, I understand that design is an evolving process. I am eager to continue working on the app, further refining features based on user feedback and evolving needs. I am looking forward to the continual learning and growth that comes with this ongoing process, as we strive to make the FÖS app the best it can be.



drop a line.



I will be glad to hear from you about a new exciting project!








send >



CAPE TOWN, WESTERN CAPE, SOUTH AFRICA