Clarifi


Clarifi is a product to help the 4.1 million teen students with ADHD to plan and complete their work.


Anna Xia, Andrew Jiang, Kevin Zhou, Chelsea Cheng


Background


This semester the team worked on developing the parent portal for Clarifi. Before, the parent portal was a spreadsheet which was difficult to comprehend and was not actionable for the parents. The team used Figma to create designs and used React.js to develop the front end of the parent portal. This portal includes a dashboard with statistics on their child’s working sessions and an assignments page where parents can see the students past and current assignments.

Technologies Used: React, Redux, Figma



Timeline


Our project had the following timeline:

Milestone 1: Conduct user interviews with parents and educators, Develop a detailed design of the parent portal based on insights from user interviews, Be familiar with the code base
Milestone 2: Develop the tabs on the parent portal, Brainstorm designs for future features



Demo




Challenges


  • Taking over a project with an already fairly extensive codebase
  • Learning React Redux and using it in our implementation
  • Altering our implementation to specifically meet the different needs of the client



Takeaways


  • Anna X: This was my first time leading a team with developers, designers, and communicating with a client. I learned a lot about communicating between the different members of the team and keeping the team organized. I also learned how to use React.js and React Redux.
  • Chelsea C: I learned how to conduct user interviews and ask the right questions to help us better understand parent and educator perspectives. I also discovered that design was really a messy and non-linear process.
  • Andrew J: This was my first time being on a team with a client and designers, so I learned a lot about the workflow of being on a team and how to take client feedback and actualize it into tangible changes. Communication in particular was really important in this project, and I’m leaving it with a much better understanding of how to communicate to be effective in a team environment.
  • Kevin Z: Prior to doing this project, a lot of my coding experience was from me creating personal projects on my own. In this project, however, I had to learn how to both work in an existing codebase, as well as how to collaborate effectively with my team to complete our deliverables on time.



Looking Forward


Looking forward, we could continue to expand our project by:

  • For the parent portal, we would like to develop the dashboard design further so that there are actionable items for the parent on the dashboard page
  • Further develop design of third page of the dashboard to display the goals that the child works towards to learn how to use Clarifi and work independently
  • For the assignments page we would like the details of the assignment to display when the parent clicks on the name of the assignment.