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.

Introduction img Enneagram
tech-top-img

Key Features

Qualified creatives with the design-chops to make your luminous dreams come true.

Manage User Progress

Manage User Progress

Users will see progress on the frontend. Progress will be increased as the user gives answers to questions.

Multilingual

Multilingual

Users can see the questions in their preferred language. Users can switch the language also.

Test Results and Notifications

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

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

Manage Groups

Admin can manage groups. Groups individual page displays all details of the group and members listed belong to that group.

Manage Members

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.

enneagram-business-challanges

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

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.

Let's Talk About Your Idea

Website building is in our nerves, we just don't build the website, we turn your imagination into a reality.

Project in Figures

project-time

2.5

Months Duration

man

500

Estimated Man-hours

Team

3

Team Size

Enneagram - Project in figures
enneagram-applied-technologies

Applied Technologies

Vue
Laravel
PHP-logo.svg
Mysql_logo

More Screens

More Screens 1 Enneagram
More Screens 2 Enneagram
More Screens 5 Enneagram
enneagram-more-screens-6
enneagram-more-screens-7
enneagram-more-screens-3
enneagram-more-screens-4

LOOKING FOR A DESIGN AND DEVELOPMENT PARTNER?