Mobiquity
Beacons Panel
Analytics

Shows in a simple form the information that customers need of their users. They wanted the filters were always visible and how they knew there would not be more filters, it was decided to place them under the header and take maximum width for the graphic.

Campaigns

Through a drop-down list, it shows the information that customers need of their campaigns. A simple but effective table.

New Campaign

It was decided a wizard to create new campaigns. At first they were going to have a lot more data, so it was decided to make these divisions and the users can go step by step saving the information.

Applications

For the applications thought the best solution was to create a cards expandable when edit for a quick and simple user experience.

Animations

Interaction with some components of the application. I developed the styles and animating them in css less.

Work progress

We, the development team, worked in Scrum with Atlassian JIRA. I realize wireframes in Axure and when the platform was approved and all components are designed with Adobe. Between a developer and I, we developed a styles guide of the components interactive with our styles in .less (similar to the bootstrap guide) for archiving and controlling all well. (Sorry I can not show it because it is a private platform).

Guidelines

For icons I decided to create a Glyphicon to make it easier to use them and because we saw that many of them would be repeated and would have different sizes and colors. It was great! The corporate colors already had the brand, I tried not to abuse them and decided to highlight details of the platform with a little more cheerful colors.

Conclusion

In Mobiquity everything was a challenge. I had no knowledge of beacons, I faced as the only designer with a team of devs, a classic client who does not want to risk.. Anyway, it was great working on the project! every day an adventure. We were (are) a big family and we worked very well and professionally. And above all, I learned a lot :)