Alla projekt
01

Ethical Shopping

En mobilapp som hjälper konsumenter att hitta och förstå information om mer etiska köpbeslut utan att göra upplevelsen onödigt komplex.

Utvalda skärmar från Ethical Shopping-appen
RollUX/UI-design · sök & filtrering · frontendutveckling
Team5 studenter + samarbete med ECU
Omfattning≈ 3 månader
VerktygFigma · React Native · Expo · Supabase · AsyncStorage
01

Problemet & samarbetet

Projektet utgick från frågan hur konsumenter kan få stöd att fatta mer informerade etiska köpbeslut utan att information om exempelvis leverantörskedjor blir överväldigande eller missvisande. Arbetet genomfördes tillsammans med en studentgrupp från ECU i Australien: de stod för en stor del av researcharbetet, medan vår grupp i Umeå tog fram prototyperna och utvecklade appen. En återkommande utmaning var därför både hur etik skulle representeras på ett begripligt sätt och hur två grupper på olika platser skulle hålla en gemensam riktning.

Problemformulering och tidigt projektarbete från presentationen
02

Mitt fokus: sök & filtrering

Mitt huvudsakliga utvecklingsansvar var sökskärmen. Jag implementerade dataladdning, sortering och filtermodal, fuzzy search, textnormalisering och sparade senaste sökningar i AsyncStorage. Sökningen använder debounce på ungefär en sekund innan en ny fråga skickas vidare, vilket minskar onödiga databasförfrågningar och gör upplevelsen lugnare. Fuzzy matching och normalisering gör samtidigt att stavfel, accenter och ofullständiga sökord fortfarande kan ge relevanta träffar.

Sökflödet från input till debounce, Supabase, fuzzy matching, filter och ProductCard
03

Teknisk implementation

För att hålla sökskärmen hanterbar delade jag upp logiken i mindre hjälpfiler i stället för att lägga allt i en enda komponent. Data hämtas från Supabase och omvandlas till appens Product-format innan sökning och filter körs. Lösningen hanterar även skillnader i hur relationsdata kan returneras, normaliserar text innan jämförelser och begränsar listan över senaste sökningar till tio poster. Målet var att göra koden lättare att felsöka och vidareutveckla samtidigt som gränssnittet förblev responsivt.

Teknisk översikt över sökimplementationen
04

Resultat & reflektion

Den färdiga prototypen innehöll bland annat OTP-inloggning, onboarding, startsida, sök och filtrering, produktsidor, kundvagn och profil. Vi hade också idéer om produktjämförelser, XP, statistik och achievements, men de hann inte bli färdiga och därför visar jag dem inte här. Det jag främst tar med mig är erfarenheten av att jobba i ett större team där research, design och utveckling var tydligare uppdelade.

Utvalda skärmar från den färdiga prototypen
Nästa projektSpinThePersona