The redesigned UMB website is a modern, user-centric platform tailored to the needs of the university community. Key features include:
Fresh, contemporary visual design aligned with UMB's brand identity
Intuitive navigation system based on user mindmaps
Personalized dashboards for students and faculty
Quick access to frequently used operational activities
Responsive design for seamless access across devices
Integrated search functionality for easy information retrieval
Interactive campus map and event calendar
As the lead product designer for this project, I focused on creating a user-centered design that incorporated mindmap-based navigation:
User Research and Analysis: I conducted extensive interviews and surveys with UMB students and faculty to understand their usage patterns and pain points with the existing website. This data was used to create detailed user personas and journey maps.
Information Architecture Redesign: Based on the research, I developed a new information architecture using mindmapping techniques. This approach helped visualize how different user groups navigated the site, allowing us to optimize the structure for common tasks.
Wireframing and Prototyping: I created low-fidelity wireframes to outline the new structure, then developed interactive prototypes that incorporated the mindmap-based navigation. These prototypes were used for initial user testing and stakeholder presentations.
Visual Design: Working closely with UMB's branding team, I developed a fresh visual language for the website that aligned with the university's identity while providing a modern, clean aesthetic.
Usability Testing: We conducted multiple rounds of usability testing with students and faculty, using tasks based on common scenarios identified in our initial research. Feedback from these sessions informed iterative improvements to the design.
Mindmap Integration: I designed an interactive mindmap feature for the homepage, allowing users to visually navigate through different sections of the website. This was particularly useful for new students and visitors unfamiliar with the university's structure.
Responsive Design Implementation: I ensured the design was fully responsive, creating layouts that adapted seamlessly to various screen sizes while maintaining the integrity of the mindmap-based navigation.
Handoff and Development Support: I prepared detailed design specifications and assets for the development team, and provided ongoing support during the build phase to ensure the design vision was accurately implemented.
The redesigned UMB website has significantly improved the digital experience for the university community:
Student Satisfaction: A post-launch survey showed that 85% of students found the new website "very easy" or "easy" to navigate, compared to 40% for the old site.
Mobile Usage: Mobile traffic to the website increased by 60%, reflecting the effectiveness of the responsive design.
Admissions Impact: The admissions office reported a 25% increase in online inquiries from prospective students, attributing this to the more engaging and informative design.
These results demonstrate the power of user-centered design and innovative navigation techniques in improving the digital experience for a diverse university community. The UMB website redesign has set a new standard for intuitive, efficient university websites in Indonesia.
