Hintarea.com

Multipurpose tool for interactive hints on your site

About the project

Hintarea was conceived and developed in-house to solve a problem several of our SaaS and complex web-site clients were having: how to get users to more quickly start using the site features and rely less on customer support.

Key features

  • Provide the introduction of web-site to visitors in smart and clear way.
  • Teach the visitors about all services and advantages of web-resources.
  • Assist users with their how-to-use requests.
  • Catch the attraction of visitors by means of helpful hints and to lead them through the site up to the moment of performing conversion.

Case study

The user's workflow can be described in the following way:

In order to start working with the application the user should sign up. However, it's also possible to use the demo version of the service. For this the user should click on "Try Demo".

After the user should install Hintarea Demo Extension in their browser and and follow the instructions given on the page. Once the extension has been installed, there will appear app's logo on the toolbar.

Then the user is able to add a new web-site to the system, submitting its name, URL and choosing the tariff plan.

The next step is to add general preferences.

On the next step, the user will get the code which they should add to their site's page.

Clicking on the menu "My sites" the user is also able to see all the sites that they've added to the system as well as edit or delete them.

Once the site has been added to the system, there will appear a question mark sign on the left side of the site.

Clicking on the question mark and then on the button "Create hint", the user is able to create the contextual help boxes.

In order to create the hint, the user should choose where the hint will appear (the place will be bordered by a green square).

Once, having chosen the place for the pop-up, the user can start adding the text as well as choosing other parameters.

The hints will appear on the site, once the user visits it.

We used Ruby on Rails for back-end and JavaScript for front-end to develop the service.

Technologies

Ruby on Rails
Ruby
HTML5
CSS3
Digital Ocean
JavaScript

Integrations

Facebook
Linkedin
Robokassa
Mandrill

Have a cool idea?

We can help you to plan the project, design it, build it, test it, launch it, and scale it!