Wireframes
After we had a clear understating of what are Impact and User goals, we listed key interactions and created few low-fidelity Wireframes.
Brand Visual Language and Style Guide
Languages are made up of different types of words that can be assembled together to create a message. Visual language is like any other language. The words of visual language can be grouped into color, space, shape and movement.
We created Visual guidelines based on Impact Brand Language and mixed with our new Visual Language to create a more clean and better usable design.
Icon Redesign
The Original icon of Impact App had a very old style for example Blurred background, Gradients and common arrow which doesn’t go well with new App redesign. The icon looked almost unnoticeable when compared to new apps in mobile app drawer. So definitely a change was needed most.
We made a new icon based on Research where we tried to show Analytics and Impact using Graphs and overall given it a Fresh modern Feel.