Introduction
This project involved the comprehensive design of the website and mobile applications (Android and iOS) for a specialized medical platform. The goal was to create a space focused on storing and delivering accurate information on drugs and their application, specifically targeted at healthcare professionals working in emergency services.
Challenge
The main challenge was taking a very basic mockup (MVP) and giving it professional life to expand the project. Starting with only the logo and conceptualization, I had to develop the graphic guidelines, standards, and colors from scratch.
Additionally, there was a significant functional challenge: the first version did not allow for user account management. To manage subscriptions, users had to manually contact and pay the company. I had to design the entire user flow, from the user’s arrival on the page and messages to acquire a subscription, to the administration panel so the user could manage their account autonomously.
Implemented Solutions
Understanding that the product is for doctors and nurses in emergency situations, the priority was speed.
- Search Engine as Protagonist: I designed the interface to be extremely simple. Upon entering, the main element is a search bar to find the necessary drug immediately. Complementarily, the latest database updates are shown for scrolling navigation.
- Unified Ecosystem: Differentiated solutions were created for the web version and native apps (iOS/Android), ensuring that even if the platform changes, the user feels they are always in the same ecosystem.
- Comprehensive User Flow: I designed the entire navigation route, not only for drug consultation but also to facilitate the purchase, renewal, and cancellation of subscriptions without friction.
Creative and Technical Process
My role was to design the interfaces and deliver them to the development team.
- Research: To understand real needs, I explored and tested similar applications in the market, identifying navigation errors in them to correct in our proposal.
- Prototyping and Code: I made all prototypes in Figma to iterate quickly with developers. Additionally, to streamline implementation, I developed the web interfaces directly in HTML and CSS, facilitating subsequent integration by the technical team.
Results
We managed to transform a minimum viable product into a professional product with a solid and uniform visual identity.
The result was a substantial improvement in navigation and user account management. Furthermore, we equipped the project with high-quality graphics for app stores, allowing EM Drugs to compete at the next level with international products in English and Spanish.
Learning and Final Reflection
This project taught me that, in design for the healthcare sector, clarity is not just aesthetics, it is critical functionality. I learned to prioritize immediacy in accessing information over any decorative element, understanding that the end user may be under pressure in an emergency room.
Additionally, the process of professionalizing an MVP demonstrated the importance of designing scalable systems. It is not enough for the app to look good; it must have administration flows (like subscriptions) that allow the business to grow without depending on manual processes. Integrating visual design with business logic was key to the success of this ecosystem.