Interactive Design - Project 2
03/06/25 - 17/06/25 (Week 7 - Week 9)
Muhammad Baihaqi Desya / 0377271
Interactive Design / Bachelor of Design (Hons) in Creative Media
Project 2
INSTRUCTIONS
This project is a prototype design for the official website of RS Awal Bros, a well-known private hospital network in Indonesia with multiple branches nationwide. As the public increasingly demands faster and more accessible healthcare services, RS Awal Bros aims to provide a modern, user-friendly digital platform that not only delivers information but also allows patients to interact directly with the hospital’s services. The main goal of this design is to create an intuitive user interface that can be easily accessed by people of all ages, including new and returning patients. This website is designed to serve as a primary digital gateway between the hospital and the community, enabling features such as hospital locator, doctor schedules, medical service information, and online appointment booking.
The homepage introduces a clean and professional visual layout, dominated by a calming green-blue color palette that reflects health, trust, and cleanliness—values that align with the hospital's brand identity. Upon arriving at the homepage, users are immediately guided by key interactive elements, such as “Find Nearest Hospital” and “Book an Appointment” buttons, which are designed to direct them quickly to the services they need. This approach supports users who might be in urgent situations, helping them find immediate solutions without unnecessary navigation. The homepage also features up-to-date information and promotional highlights of hospital services.
One of the essential components of the prototype is the patient data input form. This form is designed to be simple, efficient, and easy to understand. Its purpose is to facilitate the patient registration process online, reducing the need to visit the hospital just to fill out initial information. By entering basic data—such as the patient’s name, symptoms, and location—the system can generate relevant recommendations for hospitals or available doctors. This streamlines the service process and significantly reduces in-person waiting time.
Another notable feature is the doctor and specialist search page. This section includes a smart filtering and search system that allows users to find doctors based on their name, specialization, hospital branch, or practice schedule. This ensures that users can access accurate and relevant information suited to their specific medical needs. It also provides transparency and empowers users to make informed decisions regarding their healthcare.
The primary target users for this website include a broad demographic: patients seeking medical services, family members making appointments on behalf of others, and the general public who may simply want to find the nearest RS Awal Bros location. Because of this, the design emphasizes accessibility and ease of use. Typography is clear and legible, navigation is straightforward, and visual consistency is maintained across all pages to provide a smooth user experience.
Overall, this website prototype represents a strategic step in RS Awal Bros’ effort to modernize its digital presence and provide a seamless experience for patients. By combining professional aesthetics, clear information structure, and interactive features that meet user needs, the website aims to strengthen RS Awal Bros’ position as a top-tier healthcare provider. It reflects the hospital’s vision of delivering quick, accurate, and patient-centered services both offline and online.
Working on the RS Awal Bros website prototype has been an insightful and rewarding experience. Throughout this project, I had the opportunity to combine my design knowledge with practical problem-solving to create a digital product that aims to help real users access healthcare more efficiently. From the initial research phase to building the interactive prototype, I learned not only about UI/UX best practices but also about the importance of designing with empathy—especially when dealing with something as sensitive and crucial as health services.
One of the key things I realized during this project is the importance of user flow and clarity. Healthcare websites often deal with users in stressful situations—people who may be sick, confused, or in a rush. Because of that, every decision in this design had to prioritize speed, simplicity, and intuitive navigation. I had to consider how to help users find the nearest hospital, how to access doctor information quickly, and how to reduce friction in tasks like filling out forms or booking appointments. This made me more aware of how small UX decisions can significantly affect a user's experience and emotions.
Another major learning point was the balance between visual design and functionality. I aimed to create a clean, professional, and calming aesthetic using colors that reflect health and trust. However, I also had to make sure that design choices didn’t interfere with usability. For example, I made sure that text contrast was strong enough for readability, buttons were placed where users expect them to be, and icons supported rather than distracted from key actions. I also tested different layouts and iterations to find the most effective structure for presenting information clearly without overwhelming the user.
During the design process, I did face some challenges—particularly in organizing the hierarchy of information. A hospital website contains a lot of data: departments, services, doctors, locations, and patient instructions. I had to make careful decisions about what content to prioritize and how to present it in a user-friendly way. To solve this, I applied wireframing and prototyping strategies that allowed me to visualize and refine the layout before committing to the final design.
Moreover, I learned the value of designing responsively. Even though this prototype was mainly for desktop view, I became more aware of the importance of ensuring the same experience translates smoothly on mobile devices. In future development stages, I plan to create mobile mockups and test for responsiveness more deeply.
In conclusion, this project helped me grow both creatively and technically. It strengthened my design thinking, improved my ability to empathize with users, and gave me more confidence in using design tools like Figma. Most importantly, it reminded me that great design is not just about making things look good—it’s about solving real problems and improving lives. I’m proud of the work I’ve done and excited to continue learning and iterating in future projects.
.png)
Comments
Post a Comment