Overview



To develop the app, one of the main issues is going to be dealing with a real-time database that allows us to provide clear information about as many products containing fish as possible. That’s why we are using the data from Open Food Facts, which is an open and collaborative database. Open Food Facts is a non-profit project developed by thousands of volunteers from around the world. It allows us to access a lot of data about the food industry, including where the fish comes from.



Then, once dealt with the database, we will need to be able to provide good server maintenance and update the database as fast as possible when new products appear. Therefore, we will need to rely on a very good back-end developer. Indeed, the main issues we highlighted above require a back-end developer to ensure our users a good UX and make sure the app provides them the information they are looking for.









Required Technologies and Knowledges







For iOS



As we designed a phone app, the app will be available on both iOS and Android smartphones. To develop the iOS version, using C# or Swift languages look like our best options. If you want to learn more, click here .









For Android



For the Android app, the main programming languages are Java, Kotlin, C and C++. Using Kotlin could be a good option as it is a bit easier than Java and less code lines are required for the same functions. If you want to know more, click here .








How did we choose a database for our app?










Creation process of the app





Mindmap





We five were worried about the marine biodiversity deterioration and wanted to do something to stop it. We started from scratch, brainstormed for hours and designed step by the step the mindmap you can see on the left.







First mock up

Our first mock-up resulted into this. We were proud of having a rather modern design.

However, at the end of this step, we still wanted to improve icons and be able to show how it would display if the user touches the buttons.





User Tests











Before reaching our final prototype of FishTracker, we went through a couple of user tests, in order to be sure to have the best UX and UI design. If you want to know more in details about the tests, you can find them here.








Final Version

After discussing about the different feedbacks we got from the user tests, we created the final version of the app. Many aspects of the app changed: the camera, the way to navigate between different pages, the different interactions with the buttons, the design (colors, typo), etc...
If you want to have a look at our final mockup and try our prototype, you can open the box below on Figma.










What about the future?


We thought about developing in the seasonal fishes part some recipes containing these fishes. As our aim is not doing any kind of advertising for any brand, recommending recipes looks like a good way to promote seasonal fish. Indeed, that would help our FishTracker users to be inspired and encourage them to adopt more sustainable consumption habits towards oceanic resources.