Diverse projecten bij Hero Balancer

Tijdens mijn stageperiode als UI/UX designer bij Hero Balancer heb ik aan diverse boeiende projecten gewerkt. Hieronder licht ik enkele van deze projecten toe:

Documenten pagina ontwerp
Mijn opdracht was om de documentenpagina van de My BMS-app (nu Hero Balancer app) te ontwerpen en te testen. Mijn aanpak begon met onderzoek naar patronen op andere websites, waaruit ik inspiratie haalde.
Dit 2,5 weken durende project omvatte ook het ontwerp vanuit het perspectief van het Admin Dashboard, waar installateurs en medewerkers toegang toe hebben.

Een essentiële fase was het testen met gebruikers, waarvoor ik een testplan opstelde om de aandacht te richten op specifieke elementen. Deze feedback vormde de basis voor aanpassingen, wat resulteerde in zowel desktop- als mobiele varianten van het ontwerp.

Mijn ontwerpwerk vond plaats in Figma, prototype tool. Het resultaat van dit project toont mijn vermogen om inzichten uit onderzoek om te zetten in gebruiksvriendelijke en effectieve ontwerpen.

Sub Tabs Ontwerp
Voor het ontwerpen van de nieuwe subtabs ontving ik input van Ted (CEO) en Mark (Lead Developer). Ze gaven aan welke richting ze op wilden gaan en refereerden hierbij naar de aanpak van Github. Met deze visie in gedachten begon ik aan het schetsen van de subtabs in Figma.

Integratie Pagina Ontwerp
In de afbeelding laat ik het beginscherm zien waar gebruikers de beschikbare integraties kunnen bekijken. Daarnaast toon ik de gebruikersflow om je integratie als gebruiker toe te voegen.

Redsign Inlog scherm My BMS app
De afbeelding toont het oorspronkelijke inlogscherm en het herontwerp. In de beginweken van deze stage heb ik dit scherm mogen herontwerpen. Mijn aanpak omvatte onderzoek naar inlogschermen, essentiële content en best practices. Dit leidde tot het inzicht dat het principe: one primary action per screen cruciaal is voor inlogschermen. Daarna startte ik met schetsen, waarvan vier voorbeeld schetsen te zien zijn in de tweede afbeelding. Na bespreking met mijn stagebegeleider heb ik een uitgewerkte versie gecreëerd, die een combinatie was van twee schetsen. Dit uitgewerkte ontwerp staat afgebeeld in foto 3. Bekijk het verschil tussen het initiële en uiteindelijke ontwerp. De app biedt gebouwbeheerders de mogelijkheid om energieverbruik te monitoren, verwarmingsplanningen in te stellen, documenten te raadplegen, slimme meters toe te voegen en talloze andere functies met gemak aan te passen. Na het ontwerpen van het inlogscherm waren variaties nodig voor andere schermen, met een focus op responsive design. Deze variaties zijn zichtbaar in de volgende afbeeldingen. Ik heb ontwerpen gemaakt voor zowel mobiele als iPad-weergave.