Bottom bar redesign

 Today, I have been focusing on redesigning the bottom bar which after some testing I have found that the space in between each icon was too small thus meaning that it was easy to misclick the wrong section.

Thus, to improve the bottom bar I have decided that the colours at the side were not necessary as it was more important that the app is usable and user is not frustrated thus removing the side bars of colour. Which allowed me to increase the orange bar in which the space in-between each icon increased.

Below is the screenshot of a bottom bar before redesign.

And here is the redesigned version of the bar

In the before picture although the bar looks clean and minimalist I have found that users testing the app didn't know what some sections meant/directed towards thus adding the text at the bottom. Also, I have reprioritized some of the icons as I have removed a store locator as I have found to be not as important to be in the middle. Whereby, replacing the middle with the same size of icon as every other creating coherence and synergy altogether. Also, I have added in the back button within the bar to allow the user to go back one page.