Dermatology Procedure Consent Form Tool Development


These were how it was managed
Before, the process is manual and directly managed. However, in the future, organizations like the Medical Board may require patient personal information, necessitating the storage of all consent forms.
- Overall scope: 2 days
- Format modifications and input validation will be gradually applied after the initial development.
- Refactoring will be necessary later, as the code was written in a rush and is currently messy.
How it Works?
<aside>
🔥
Key Focus Points in This Project
- Too many forms → It’s inconvenient for practitioners to prepare them, so a solution is needed.
- All forms should be saved at once.
- Since it's a dermatology procedure, an iPad-optimized interface would provide the most user-friendly and aesthetically pleasing experience.
- Users must be able to sign the form, and the signature should be stored.
</aside>
Feature 01. Form Auto Selected
When selecting treatment areas (multiple selections allowed), the system automatically highlights only the necessary forms, ensuring there are no duplicates.
- Forms unrelated to the procedure do not need to be filled out.
- The submit button is activated only after all required forms are completed.
Design


Feature 02. Form With Client Input
Users can complete the form and submit it with a single button click.
Initially, I implemented a feature allowing dynamic custom input fields, such as selecting filler brands or entering areas beyond Botox treatments. However, since the practitioners did not require it at the moment, it has been excluded for now.
IMG_7767.mov
Feature 03: Form Saved as a .zip File (PDFs)