iGlance UI refresh

iGlance is an open source utility for MacOS displaying core system data

TL;DR

As well as sharpening my core skills, I like offering my skills to small open source projects. It a great way to expose your potential but it's also great to meet new people. During the lock down I had to keep myself busy so I decided to give back to the open source community and offered my design contribution to iGlance a Free macOS utitlity app to monitor your computer.


Role

Design contributor 

Tags
Product designer UI design Pro bono Pitching ideas

Why?

As an active user of the software I thought it would be nice to help the founders make their product look and feel more robust and pro.

The previous version

CurrentiGlance.png
The current client is barebone and did not get much love

The new version

After submiting design options on the github repo we found a way to implement my suggestions. The app is simpler and more modern.

iglance_03.jpg
LightUI preview
iglance_04.jpg
DarkUi preview

Redesigned assets

Iconography

Starting by working on the UI elements was the piece of work I takled. Knowing that refactoring softwares can be difficult I forked the repo and looked at the assets powering their UI. I then recreated a consistent set of Icons which I then shared back to the repo.

iglance_02.jpg
New bespoke side bar icons

Dock iCon

iglance_05.jpg
New big sure dock icon

Most of those UI improvements have now been released and added to the live software.

Learnings

Sometimes as designers it is good to expose ourselves. Provide unsolicited contribution. Help people do things and accept that they might not need your help. Most of the time, especially open source software, contributors are super happy to have choice and new ideas. So if you come accross an open source project and think you can improve it. Do it…