Care Clinique Web App Self-Service Landing Page Builder

Page Builder

for a medical pre-screening
Sign-in page drag and drop builder. Custom logic multi-step forms builder. Patients area.

We have created a platform that allows research centers to design sign-in pages with complex prescreening formularies, and that makes it possible for patients to automatically sign-in into a secure patients area.

Discover how Quo helped designing and building landing pages and formularies builder requiring a set of particular pre-screening needs to be addressed and complyingwith the industry special regulations.

Healthcare research centers require more than a standard landing page builder for medical trials. First, the landing pages are to sign-in patients with a user account into a digital platform, not only in order to collect information as a standard form would do. Next, and aside from building layouts for landing pages, they need custom and complex multi-step forms solutions. Additionally, they need to link the fields on these forms with a Patient Relationships Management tool (PRM),so that the information from applicants would reach healthcare personnel who would follow up. Furthermore, applicants are to be signed in to a patient's area on which they would log in to check their information and status. Finally, the form fields available for creating a landing page formulary at this sign-in page builder needed to sync with the database schema that the PRM had. Then, if healthcare staff created a new disease or allergy field at the PRM database, such fields would automatically become available to be used in formularies at the sign-in builder app.

Our Work

Quo created a pages builder that integrated an engine formulti-step sign-in formularies creation. Such formularies had conditional logic formatting for patients to submit their data and be prompted in the process with fields that made sense to them accordingly to their previous filled answers in the form. For the staff creating new landings and sign-in forms, the application updates the formulary options they can use, with these fields in the database of the research center PRM. When patients submit the forms, their data for diseases, activities, and else asked during the sign-in process is sent to the PRM and a  new patient is created with these records.Additionally, right after having filled up the sign-in form, the patient gets an account created into a web app that allows her to track her progress and to manage her personal data.

Related services

Software development
HTML Development
Web apps
User Interface & Experience Design
Care Clinique Landings App 1X2
Care Clinique Landings App 1x3
Care Clinique Landings App 1x4
Care Clinique Landings App 1x5
Care Clinique Landings App 2x9

Drag and drop builder

Staff can drag and drop blocks and fields to build sign-in pages with ease. This process is allowing medical research centers with quick turn around times that save resources and expedite enrollment campaigns during clinical trials. They can insert text, images, forms, multi-columns, video, and CTA blocks. The design can be tweaked to modify the element's size, color, styles, alignment, backgrounds, and other properties (or custom CSS for advanced visual requirements).

Conditional logic forms

Form fields can be set up to be shown if a previous field answer contains, is, or is not having a particular value by showing, for example, some questions depending on the age of the patient. This conditional logic also automatically follows the hierarchy that the PRM schema has; for instance, a multiple select form field asking for allergies will be only shown if the patients previously selected that they are allergic to food if that field relationship is set up at the PRM.

PRM database schema Sync

The staff creating or editing forms has a collection of fields available to use in their forms. This includes name, email address, phone number, allergies,diseases, activities, and many other. However, the list does not have any limits, nor any pre-made stack of alternatives. Rather, it syncs the research the center has for a study with the database , including every single possible disease and prescription they have considered. In the same vein, the answers made to the forms during the sign-in process automatically create a patient's profile in the PRM with the submitted data.

Secure patients area

Patients filling forms through the sign-in pages are doing more than just submitting data in a form. They are signing into a platform, the "Patient'sArea ", that allows them to control their personal data and track their progress during the study. Right after having registered, patients are prompted to a thanks page and sent an email indication to continue to login to their dashboards, after having created a secure password. The Patient's Area also allows them with records on communications, an appointments calendar, and special notifications.
Care Clinique Landings App 2x1
Care Clinique Landings App 2x2
Care Clinique Landings App 2x3
Care Clinique Landings App 2x4
Care Clinique Landings App 2x5
Care Clinique Landings App 2x6
Care Clinique Landings App 2x7
Care Clinique Landings App 2x8

A compliant process and seamless integration

When a sign-in page is ready for launch, staff can review the page's settings, open a preview for quality assurance on desktop and mobile, and get the page live for enrolling patients. They can manage the pages within a dashboard that allows them with information on the page's signups and other useful stats .Further customization on the page's settings includes installing tracking codesfor analytics, changing the publish status of the page, tweaking its Open Graphand SEO information, and relating pages to studies and facilities. All of these set ups seamlessly integrate with the PRM, passing through data on whether a sign-in page belongs to a research study, and what participants will relate to which installation for trials.
Care Clinique Landings App 3x4
Care Clinique Landings App 3x3
Care Clinique Landings App 3x2
Care Clinique Landings App 3x1

Edgar Carrizales - Back End Developer

(...) lastly,a pages builder this complex would not be complete without having the pages it creates fully well adapted to mobile interfaces, and the experience for mobile that was approached is, indeed, remarkable. Pages creators can preview the page on mobile during construction, and further test it during quality assurance activities. The layouts they get are clean across every device.
No items found.

All the features, fully responsive

Care Clinique’s web app works in screens of every size, and not only in desktop but also mobile devices. That means patients and staff members of research facilities will be able to use every feature the app has to offer, whenever they are, wherever they are and get updates on the clinical trials instantly.
“Design is where art and science break even.”
Robin Mathew, Indian designer.


Head Software Developer
Edgar Carrizales
Raw HTML creator
Ron Herrera
Back-End Developer
Edgar Carrizales
Front-End Developer
Junior Jiménez
Front-End Developer
Edgar Carrizales
UX Designer
Ron Herrera
Read next:
Quality Music Player
providing a great UX
A high-quality music player to offer a great experience for all kinds of users.
We love new challenges
Contact us for software development, web solutions, marketing, and strategies.

General inquiries or doubts?

Contact us

Issues with software?

Contact support

Want to join our team?

Job applications

Custom enterprise software development. Quality assurance. Web and mobile. All major technologies.
Clear design process. Business-research approaches. Top industry standards for usability.
Deep research and analysis. Insight-driven content. Strategy-focused business.
Data analysis. Ideas generation. A primary focus on sales goals.
Google Reviews
Quo Agency
Look for a new angle
Quo Agency, Inc. 17 State Street Suite 4000, NY, New York.