top of page
CSR — Magazine reader Application Design
ABOUT CSR MAGAZINE
Competition Success Review, often abbreviated as CSR, is a general at students who wish to appear for Union Public Service Commission exams. Its content includes general knowledge with a focus on Indian current events, tips for college interviews, interviews with IAS high-rankers, interview and GD tips and sample question papers for different competitive examinations. It was first published in 1964 as a pull-out supplement.
![dashmov.png](https://static.wixstatic.com/media/ca64b2_0b4f52cdfeda494da96277269d2b0bae~mv2.png/v1/fill/w_980,h_401,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_0b4f52cdfeda494da96277269d2b0bae~mv2.png)
Context
This project focuses on creating a seamless, secure, and affordable Personal Health Record (PHR) platform. The goal is to provide users with a simple way to aggregate, access, and share their healthcare data across trusted platforms and organisations.
By prioritizing intuitive navigation, clear data visualization, and robust privacy controls, the platform ensures users can manage their health information with confidence. Designed as a cost-effective alternative to existing solutions, it also supports healthcare providers by offering an easy-to-integrate, compliant system for patient data management. The project emphasizes user empowerment through accessibility, customization, and security.
Overview
What we did
Use cases & Scenarios
Conceptualisation
Information Architecture
Visual design
Design system
Team
Two designers
One product manager
Two product owners
Timespan
4 Months
Industry
Healthcare IT product
(SaaS)
![PHR all thumb.png](https://static.wixstatic.com/media/ca64b2_4dddfdeccd4849898a462d26bdbc1235~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_4dddfdeccd4849898a462d26bdbc1235~mv2.png)
Challenge
The key challenge in this UX project was designing a platform that simplifies the complex process of managing healthcare data while maintaining strict privacy and security standards. Users needed a system that could seamlessly aggregate records from various sources, such as hospitals, clinics, and personal devices, without overwhelming them with information.
Balancing simplicity with functionality was crucial, especially when creating intuitive data-sharing features that gave users control over what they shared and with whom. Ensuring compliance with healthcare regulations like HIPAA, while delivering a smooth and cohesive user experience across different devices and platforms, added further complexity to the project.
![PHRDash.png](https://static.wixstatic.com/media/ca64b2_6bffcb1c2d5841d981b29cc496e4217d~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_6bffcb1c2d5841d981b29cc496e4217d~mv2.png)
![PHR New connections.png](https://static.wixstatic.com/media/ca64b2_4e834e13f8ce49819082c4f88542e0c7~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_4e834e13f8ce49819082c4f88542e0c7~mv2.png)
Clinical data
The clinical data section, accessed from the top navigation, organizes key health information—appointments, encounters, labs, immunizations, vitals, and more—into a clear, card-based layout. It offers quick access to specific data with customisable filters, making navigation simple and efficient.
Unlike traditional EHR platforms, this design emphasises personalisation, allowing users to prioritise relevant data and view timelines of their health history, offering a more intuitive and streamlined experience for managing and sharing records.
![Laabs 1.png](https://static.wixstatic.com/media/ca64b2_e4dac5febc7149f6af4c054d355ad746~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_e4dac5febc7149f6af4c054d355ad746~mv2.png)
The laboratory data section provides users with a detailed, easy-to-read summary of test results, organized by date and test type, with the ability to track trends over time for better health insights.
![Labss.png](https://static.wixstatic.com/media/ca64b2_dfce0bd55e254811a1e628421de6fe47~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_dfce0bd55e254811a1e628421de6fe47~mv2.png)
The allergies and intolerances section offers a concise overview of known reactions, highlighting severity and potential risks, allowing users to easily share this critical information with healthcare providers.
![Allergsss.png](https://static.wixstatic.com/media/ca64b2_fe4d4f4acd6147079e3ce26ad2ff165c~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_fe4d4f4acd6147079e3ce26ad2ff165c~mv2.png)
The vitals section presents users with a clear display of essential health metrics—such as blood pressure, heart rate, and temperature—enabling easy tracking of trends over time for proactive health management.
![Vitalls.png](https://static.wixstatic.com/media/ca64b2_1302be37d99e4111bff7272b633f11b3~mv2.png/v1/fill/w_980,h_530,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_1302be37d99e4111bff7272b633f11b3~mv2.png)
The design system
The design system for the platform was developed to ensure consistency, scalability, and a user-friendly experience across all interfaces. It includes a comprehensive set of design guidelines, reusable components, and style assets that define typography, color palettes, iconography, and layout principles.
Each component is designed with accessibility in mind, ensuring that all users, including those with disabilities, can interact with the platform effectively. We incorporated modular design elements that allow for easy updates and adaptability as the platform evolves, fostering collaboration between design and development teams. By utilizing a centralized documentation system, team members can efficiently access resources and maintain adherence to the established design principles, ensuring a cohesive user experience throughout the platform.
![](https://static.wixstatic.com/media/ca64b2_8f6ebf270bed4f45948dbde01229337a~mv2.png/v1/crop/x_0,y_0,w_1920,h_3022/fill/w_1295,h_2039,al_c,q_95,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_8f6ebf270bed4f45948dbde01229337a~mv2.png)
![](https://static.wixstatic.com/media/ca64b2_fcca96db6fc24b96babf2bd4ff78b42f~mv2.png/v1/crop/x_11,y_256,w_1979,h_944/fill/w_1296,h_618,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ca64b2_fcca96db6fc24b96babf2bd4ff78b42f~mv2.png)
bottom of page