Casestudie

UI Design og Mockups til responsiv React Native App

B’Logic® i4.0 Process Navigator er en app til BA101, som er en maskine til rensning af fisk. Den indsamler automatisk fiskene ind, fjerner indvoldene og renser efterfølgende fiskene for rester. B’Logic® i4.0 giver vigtige produktionsintelligens direkte fra maskinen til app'en live.

Min opgave var at design UI og lave mockups af app'en, som både skulle vises og bruges på både smartphones, tablets og desktop computere. Derfor byggede udviklerne app'en op i React Native, ved at gøre den web compatibel til computere, men stadig samtidig bevare native performance på smartphones og tablets.

Jeg producerede mockups til udviklerne ved hjælp af værktøjet Adobe XD, hvor jeg opbyggede hele flowet, så man kunne klikke rundt, og se de forskellige sider som en demo. Efter godkendelse var det nemt at eksportere og dele til udviklerne, som gjorde det nemt for dem at implementere designet med React Native.

Min rolle

UI Design
Mockups

Apps & teknologier

Adobe XD
Adobe Photoshop

Kunde

BAADER

Lavet i

2019
BAADER B'Logic app iPad and iPhone mockup
BAADER B'Logic app responsive mockup