Care Clinique Web App Self-Service Landing Page Builder

Page Builder

for healthcare prescreening
Sign-in page drag and drop builder. Custom logic multi-step forms builder. Patients area.

Creating a platform that allows research centers to create sign-in pages with complex prescreening formularies, and that makes possible for patients to automatically sign-in into a secure patients area

Discover how Quo helped designing and building a landing pages and formularies builder requiring a set of particular pre-screening needs to be addressed, and complying with 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 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 Patients 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 login 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 for multi-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 – 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 turnaround times that saves 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 elements 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. Say, for example, showing 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 is having available a collection of fields to use in their forms, that includes name, email address, phone number, allergies, diseases, activities, and many other. The list, though, is not having any limit, nor any pre-made stack of alternatives. Rather, it syncs with the database the research center has for a study, 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 are automatically creating 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's Area", 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 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 in 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 include installing tracking codes for analytics, changing the publish status of the page, tweaking its Open Graph and SEO information, and relating pages to studies and facilities. All of these setups 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.


Front-End Developer
Junior Jiménez
Head Software Developer
Edgar Carrizales
Front-End Developer
Edgar Carrizales
Back-End Developer
Edgar Carrizales
UX Designer
Ron Herrera
Raw HTML creator
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
Reach us for software development, web solutions, marketing, and strategy.

General inquiries or not sure?

Contact us

Issues with software?

Contact support

Want to join our team?

Job applications

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