Picturing Medicine
about project
Educational mobile app to help remember medical topics
technology stack
Project Overview
Client: JKD Healthcare Limited
Project Type: Mobile app, admin dashboard, AI integration
Duration of works: 2 months
Team: 2 UX/UI, 1 full-stack developer, 1 project manager
Business Context
The client came to us with a vision to create a modern application for learning medical issues. The client already had a website dedicated to medical education, but wanted to reactivate their idea by developing a modern app that uses new technologies such as artificial intelligence. With a collection of specially prepared images from medical atlases, he wanted to create a neat and minimalist app that would enhance medical learning.
Requirements
The project required the development of custom code to separate labels from images to highlight specific anatomical parts. Together with the client, we decided to use artificial intelligence to recognize and generate relevant content based on the isolated text. Another requirement was to design a minimalist and user-friendly interface to ensure smooth interaction and increase user engagement.
Key features
- Flashcards
- Definitions and descriptions
- Bookmarks
- Creating customized flashcards
- Text-to-speech functionality
- Integration with AI
- Recommendation of similar topics
Challenges
One of the main challenges was automating the process of adding images to the CMS and extracting all the labels from the SVG code. We had to develop a system that could detect all labels in SVG images and generate descriptions on the fly, especially when the labels had not yet been identified. In addition, the application has a complex implementation of connections between images based on the labels mentioned in another flashcard. This feature allows users to directly navigate between related images in the app. Of course, we were able to solve all of the challenges, thanks to our experienced developer and a dedicated workshop that allowed us to better understand the client's needs and problems, which translated into further work and resolution of difficulties.
Results
Our team successfully delivered a minimalist, user-friendly application that effectively handles SVG image files and integrates AI for content generation. By isolating text from images, the app enables AI to generate relevant descriptions, enhancing the user's learning experience.
We believe that adding interactive content to educational applications greatly enhances memorization and learning.
Technologies
Flutter + Strapi