AUIC (Abasyn University Islamabad Campus) Website
Case Study
Introduction
Project Overview
Abasyn University Islamabad Campus (AUIC) is a prestigious educational institution in Islamabad, Pakistan. The university's website is a vital communication tool for students, faculty, and prospective students. The website was in need of a redesign to enhance its usability, responsiveness, and visual appeal. This case study showcases the comprehensive UI/UX design process undertaken during a 1.5-year internship to redesign the AUIC website.
Duration: 1.5 years (Internship)
Design Tool: Figma
Development Language: PHP
Goals and Objectives
Enhance User Experience: Improve the overall usability and navigation of the website to provide a seamless and intuitive experience for all users.
Responsive Design: Create a website that is fully responsive, ensuring that it performs well on a variety of devices and screen sizes.
Modern Aesthetics: Give the website a fresh and modern look to reflect the university's commitment to excellence in education.
Accessibility: Ensure that the website meets accessibility standards to make it inclusive for all users, including those with disabilities.
Streamlined Information: Organize and present information in a clear and concise manner to help users find what they need easily.
Research And Discovery
User Research
1. Conducted surveys and interviews with students, faculty, and staff to understand their pain points and expectations from the website.
2. Analyzed web analytics data to identify user behavior patterns and common entry points.
Competitive Analytics
Researched websites of other universities for best practices in terms of design, navigation, and content presentation. Information Architecture: Redefined the sitemap and navigation structure to ensure a logical flow of information.
Color Plates
Typography
Design Process
Wireframing
1. Created low-fidelity wireframes to outline the basic layout and structure of key pages.
2. Collaborated with stakeholders to gather feedback and iterate on the wireframes.
Visual Design
1. Developed a visual design language that aligned with AUIC's branding guidelines.
2. Designed high-fidelity mockups in Figma, incorporating modern design elements, typography, and color schemes.
Prototyping
1. Developed interactive prototypes to showcase the flow and functionality of the redesigned website.
2. Conducted usability testing sessions with a select group of users to gather feedback and make necessary improvements.
Information Architecture
Wireframes
Prototypes
Visual Design
Results and Achievements
1.The redesigned AUIC website received overwhelmingly positive feedback from students, faculty, and staff.
2. Website traffic increased by 30% in the first three months after launch.
3. The website's bounce rate decreased by 20%, indicating improved user engagement.
4. Achieved an accessibility score of AA according to WCAG guidelines.
Conclusion
The Abasyn University Islamabad Campus (AUIC) website redesign project was a successful endeavor that significantly improved the user experience, responsiveness, and aesthetics of the website. The comprehensive research, design, development, and testing processes, along with a focus on accessibility, resulted in a website that better serves the university's community and aligns with its mission of excellence in education. The project not only enhanced my skills as a UI/UX designer but also contributed positively to the university's digital presence.
