The evolution
Before we reached our final product we went through a couple of stages
.png)
Learning stage
In this stage our only goal was to learn how Xamarin.Forms worked. We had zero experience and just started experimenting with adding pages and backgrounds.
The first version
.png)
After learning how to work with Xamarin.Forms we brainstormed about our current idea and how we would want it to look. We agreed to go for a nature feeling. As we wanted to go for a growth metaphor in an organization.
The first prototype
.png)
Our first prototype version was the one we presented to our 8 testers. We got rid of the image background and replaced it with a green focused UI. Again to stay in the theme of nature and growth.
.png)
The final version
After feedback from our testers we completely changed the look. Still using green as our main theme but in a softer way. We also added a button hierarchy to make it feel less overwhelming. Giving buttons a smaller or bigger space depending on their importance.
The coding tools
In the end we had to learn the following things to make our idea come true.
Visual Studio 2019/2022
Visual studio was used to edit all our code as well as running it.
Xamarin.Forms
We used Xamarin.Forms as our base tool to develop for mobile.
Xaml
We had to learn XAML as it's the main language used in Xamarin.Forms for everything front end related.
C#
We learned C# as it's the main language in Xamarin.Forms to create functions and logic in the code behind.