Introduction
The client requested an Enneagram personality test app that matches users to one of nine personality types based on their responses. Users receive scores for each type depending on the points assigned to their answers. Skipped questions do not add points of any type. The client wanted a simple UI for non-technical users, progress tracking, and multi-language support.
Key Features
Qualified creatives with the design-chops to make your luminous dreams come true.
Manage User Progress
Users will see progress on the frontend. Progress will be increased as the user gives answers to questions.
Multilingual
Users can see the questions in their preferred language. Users can switch the language also.
Test Results and Notifications
Users will see points for each of the 9 types on final results page. Results will be emailed to the user with PDF report.
PDF Report
The Full-Report, with thorough info on strengths, pitfalls, communication style, leadership style etc are predefined and created manually – in pdf-format.
Manage Groups
Admin can manage groups. Groups individual page displays all details of the group and members listed belong to that group.
Manage Members
Admin can see member listing and each member’s individual page. Members points for each 9 types and option to resend the report to the user.
Business Challenges
Understanding the business needs and providing a prototype that accurately represents the end product is a major challenge, requiring extensive conceptual work to meet client expectations.
- Calculating points based on user answers was a key challenge, as the client wanted to manage questions and assign point values to answers.
- Showing users their progress without a defined number of questions required incrementing random progress values.
- The client wanted full back-end management in Vue, including groups, members, individual pages for groups and members, etc.
- Multi-language support was required so users could view questions and switch languages based on preference.
Solutions
Providing a customized business solution requires understanding each component of the client’s needs. With clear requirements from the client, the WPWeb Developers team was able to effectively solve these challenges and create an easy-to-use environment tailored to the client.
- Score points were added as attributes to answer elements for a simple score calculation based on user choices.
- A custom Vue component was created to increment progress randomly in order to display user progress.
- All APIs were developed in Laravel for managing groups and members.
- Group listings, member listings, and individual group/member pages were developed in Vue.
- Two Vue JS apps were created: one for the backend to manage groups and members, and one for the front end to display questions, results, and PDF generation.
More Screens
LOOKING FOR A DESIGN AND DEVELOPMENT PARTNER?