Reciplus

Reciplus is an innovative app designed to manage medical prescriptions and generate a comprehensive medical history based on those prescriptions. Additionally, the app features a directory of doctors, making it easier for users to manage their healthcare needs.

👩‍💻Role: UI Designer

✒️Tools: Figma

The Medical App that integrates everything you need for your healthcare

The goal of Reciplus was to create an intuitive and efficient platform for users to store and manage their medical prescriptions and build a detailed medical history. The app also includes a directory of doctors to facilitate easy access to medical professionals.

I was provided with the wireframe of the app, and my challenge was to design the interface, including colors, fonts, and style, with a user-centric approach. This design was then handed over to the development team.

Wireframes

The client provided me with the following wireframes as a foundation for the project. These wireframes outlined the basic structure and layout of the app, which served as a starting point for my design process. My role was to enhance these wireframes by integrating visual design elements such as colors, fonts, and overall style, ensuring a user-friendly and aesthetically pleasing interface. The goal was to create a seamless and engaging user experience, which would then be handed over to the development team for implementation

Style Guide and Typography

I utilized the brand colors in various shades to design components such as inputs, cards, and buttons. For the icons, I incorporated the Material Symbols and Icons library to maintain consistency and enhance visual appeal. I selected a font that is easy to read, ensuring accessibility and a pleasant user experience. Following the principles of Atomic Design, I broke down the interface into its fundamental elements, such as buttons and input fields, and used these building blocks to create more complex components and ultimately the entire layout. This method ensured a scalable and maintainable design system, where each component fits seamlessly into the larger interface.

✨ Colors

✨ Typography

✨ Elements

Layouts

In this section, I showcase the final designs for the Reciplus app, highlighting the key screens that make up the user experience. The layouts include the splash screen, login page, success and error notifications, user profile, and other essential interfaces.

Each layout integrates the visual and functional elements to create an intuitive interface, focusing on ease of use and user satisfaction. This approach ensures that the app not only looks appealing but also meets the practical needs of its users.