MedXL Conf Plus
Our missions
- Redesign of the visual identity
- UX and UI design
- Technical development
- Resumption of content
- Maintenance and hosting
An e-learning platform developed with Drupal 9 and ReactJS
The site conf-plus.com has been offering content and a platform for preparing for the national ranking exams (ECN) in medicine since 2012. The project to redesign the site involved revising the educational content, improving user journeys, and technically overhauling the entire platform.
The bluedrop.fr agency therefore handled:
- Leading the redesign of the website’s visual identity and its design system;
- Technical development with Drupal and React;
- Creating UI mockups;
- Redesigning user journeys;
- Migrating content and users along with their permissions;
- Hosting the site;
- Preventive, corrective, and ongoing maintenance of the site.
The graphic charter and the resumption of the courses
The graphic charter redesign was carried out in collaboration with Gweno, who proposed a new identity for the website (logo, colors and brand positioning). Efficient and modern, its adaptation was handled by our design team.
User journeys were thoroughly studied and evaluated during design studio workshops. These allowed us to match UX best practices with the conf+ team’s knowledge of users:
- Discovery of the offers;
- Subscription and sales funnel;
- Messaging journey;
- “Progressive File” journey;
- Consultation journey for the content sheets (learning, asking the lecturer a question);
- “IQ - Isolated Questions” journey and their corrections;
- “TOPOS” journey;
- “Doctor’s Kit” journey.
The agency bluedrop.fr was in charge of creating the design system and developing the wireframe and graphic mockups, available on Figma.
Content development and migration
The technical team took advantage of Drupal's powerful permission management to set up a platform with multiple stakeholder roles, from editor to contributor, including the store administrator and the client (the student or their representative). Among the main configurations, we find:
Learning and knowledge validation interfaces decoupled with ReactJS
The workspace for students has been given special attention to ensure smoothness and adaptability of behaviors. While the content offered to anonymous users is built within Drupal’s box, the students’ workspace is generated by ReactJS, powered by the Json API module now integrated into Drupal Core.
Resources:
