Breadlify

Simplify your bread simplify your day

Mijn bachelorproef voor de opleiding Grafische en Digitale Media, afstudeerrichting Interface Lab.

Understand

Regelmatig sta ik wel eens voor een lege broodautomaat. Ik ging voor mijn afstudeerproject op onderzoek uit en het blijkt dat ik niet de enige ben. Ik ging op zoek naar een oplossing om het kopen van brood uit een broodautomaat gemakkelijker en eenvoudiger te maken. Ik ben klanten gaan interviewen & observeren maar ook bakkers om te horen hoe zij juist hun automaten ervaren & beheren. Uit mijn onderzoek blijkt dat klanten die dagelijks brood kopen uit een broodautomaat, dit niet altijd even vanzelfsprekend vinden. Bakkers ervaren ook frustratie doordat ze weinig tot geen overzicht hebben over hun broodautomaten. Daarom ontwikkelde ik Breadlify: een systeem dat het kopen van brood uit een automaat vereenvoudigt, maar ook bakkers helpt om hun broodautomaten en broden beter te beheren.

Explore

Eerst ben ik begonnen met deskresearch te doen van bestaande automaten en systemen om deze te beheren. Daarna volgde interviews & observaties om de klantreis bij het kopen van brood te kunnen analyseren. Door analytisch naar deze producten, processen, interviews & observaties te kijken, kwam ik tot de conclusie dat er daadwerkelijk behoefte is aan een gebruiksvriendelijker systeem.

Materialise

Het resultaat is een applicatie en dashboard maar ook een verbeterde interface van de broodautomaat zelf.
De applicatie maakt het kopen van brood uit een automaat gemakkelijker. Deze toont de exacte locaties van de broodautomaten, heeft een tracker waarmee klanten kunnen zien hoeveel broden er nog in een automaat zitten en biedt de mogelijkheid om brood van tevoren te bestellen.
Het dashboard is ontworpen om broodautomaten beter te beheren en verkoopdata te analyseren. Het biedt een duidelijk overzicht van hun automaten en producten. Dit stelt hen in staat om de productie beter af te stemmen op de vraag, op de juiste momenten de automaten bij te vullen, verspilling te verminderen en inkomsten te optimaliseren.

Figma .NET Blazor SQLite React Native HTML5 CSS3

Gebruikte software

Voor de ontwikkeling van Breadlify heb ik verschillende softwaretools ingezet die elk een belangrijke rol speelden binnen het proces.

In de beginfase werkte ik mijn ideeën uit in wireframes om een duidelijk beeld te krijgen van de structuur en gebruikersflow. Deze wireframes werden verder uitgewerkt in Figma tot mid- en high-fidelity designs. Deze prototypes vormden de basis voor gebruikerstesten en het verfijnen van de interface.

Nadat het ontwerp op punt stond, begon ik met de ontwikkeling van het dashboard voor de bakkers. Hiervoor gebruikte ik .NET in combinatie met Blazor. Dit stelde me in staat om een dynamisch en interactief dashboard te bouwen waarmee bakkers eenvoudig hun automaten kunnen beheren.

Als database koos ik voor SQLite, omdat deze lichtgewicht en eenvoudig te integreren is met zowel het dashboard als de app.

Voor de mobiele app gebruikte ik React Native. Hiermee bouwde ik een cross-platform applicatie waarmee klanten broodautomaten kunnen opzoeken, zien wat er beschikbaar is en eventueel brood reserveren.

Ten slotte ontwikkelde ik ook de interface van de broodautomaat zelf. Deze werd opgebouwd met rauwe HTML en CSS om een eenvoudige en toegankelijke gebruikerservaring aan de automaat te garanderen.