Custom Interactive Tools for Website

I am working for a client interested in creating 4 interactive 'tools' for her new professional development curriculum. The goal is to have them each accessible on a locked page on her website (created on Squarespace) and will be given access when completed each module of the training. The first 'tool' is a sliding feedback scale that gives a status based off three questions. The second is a checklist that is intended to show balance in three aspects of life. If users select too many items from one bucket, an icon (tbd on design) will look incomplete and therefore give the user the feedback they need to balance out their life, based off the checklist. The third tool is a simple decision tree questionnaire: it asks a question, if no then an answer is formed, if yes it leads to another question. If yes to that second question it leads to another, etc. it will only have 3-4 rounds so nothing too complex. The fourth will be a way to collate and give feedback on all three of the previous tools. This is a vague outline and additional details will be provided upon the beginning of the project.