The design process was divided into three phases. The first phase included empathizing with and addressing the user's pain points. The pain points were converted into the problem statement which clearly described the issue, keeping the focus on the users at all times. This phase helped us to appreciate the user's needs, frustrations and motivations.
The second phase included the creation of customer journey maps and site maps. This helped us understand exactly how a person is feeling at each point of interaction, what key questions they may have and their speciﬁc needs at each stage. We laid out various user ﬂows where the user will take the necessary steps to complete a speciﬁc task. This helped us to distinctly deﬁne the features of the app.
Subsequently, we mapped out how your users will move through the app. We deﬁned the hierarchy and navigation structure of the app. This helped us to organise and deﬁne the hierarchy of the content into screens. During the third and ﬁnal phase, we started with converting the wireframes into low ﬁdelity prototypes. This helped us quickly realise and omit any mistakes at an early stage.
We followed this with wireframes by transforming them into high-prototypes by introducing the UI elements that included typography, illustrations, animation and other visual design details.