All In One B2B Mobile Marketing Super App
The project is a B2B mobile marketing super app that enables companies to create and execute direct marketing campaigns and interactive services. More exactly, it enables companies to create mobile marketing campaigns (one-way and two-way interactions), multi-channel oriented solution covering messaging (SMS/MMS/USSD) and can be used as a powerful administration providing flexibility to create and manage partners, pricing packages, services packages as required by marketing departments.
The challenge for the project was the scope of the project and the ambitious time frame for finishing the project. For overcoming this challenge, agile development was used along with a Style Guide that was finished before the first iteration of development even begins. Another challenge was how to make the very complicated forms easy to fill in and without mistakes. In order to achieve that, I divided each form into three or four steps, and also added required fields, so the users can feel in the forms faster and without making mistakes. I only highlight the required fields with text, because the ratio of required to optional fields was around 20:80.
For the research, I used the shareholder database and business requirements. When doing the user analysis the main objective was to find out what devices and browsers are users using, what is their main goal when using the solution (as user stories), and what roles and permissions they have at the company they work for.
Role
UX lead
UX designer
UX engineer
Personas
User segmentation
Admin can:
- Login to system
- Access primary and secondary navigation
- Create SMS campaign
- Send messages to users of his company
Information Architecture
Search and search flow
Because of the high amounts of data for each app, search is one of the most important features of this project. Thus the decision was made to include it on every page and load the data only after the user searches. When designing the search flow it was important to always return to search results for the last search query.
Implementation and testing
JavaServer Pages (JSP) with a combination of JavaScript was used for building the HTML screens. NodeJS, NPM, and GULP were used for building and deploying the theme for the project. Liferay 7.1 was used for building the pages of the project and testing the navigation and users' permissions.
Stress testing, functionality, and usability testing were done in-house with 5 users. Then the project was tested by the shareholders at A1 with open answer questions. The final testing was done with the end-users of different companies.
Originally published at https://dimitari.com.
