Designed to bring structure to a fragmented digital experience - this platform enables police personnel and administrators to seamlessly access, manage, and navigate sports events, records, and organizational updates with clarity and confidence.
Project Overview
Redesign of the AIPSCB website focused on fixing poor structure and navigation. Reduced navigation depth by ~40%, improving access to key information. Built a scalable, responsive system that enhances usability and reinforces authority.
Project Name
AIPSCB Website
Category
Website Redesign
Year
2025
Figma
Miro
Problem Statement
- Inefficient Navigation
Inconsistent navigation, requiring multiple steps and guesswork to reach important sections.
- Scalability & Responsiveness
The design wasn't optimized for different devices and lacked a system to support future growth.
- Poor Information Architecture
Scattered content without a clear structure, making it difficult for users to find key information.
- Low Content Discoverability
Lack of hierarchy made it hard to scan and quickly locate relevant content.
Goals / Objectives
Establish a clear information architecture
Structure content into logical groups to improve clarity and reduce search effort
Simplify navigation and user flows
Create intuitive pathways to help users access key sections quickly and efficiently
Improve content hierarchy and discoverability
Design scannable layouts that allow users to find relevant information at a glance
Build a scalable and consistent design system
Ensure visual and functional consistency while supporting future content expansion
Enable a fully responsive experience
Optimize the platform across devices to ensure accessibility and usability everywhere
Reduce cognitive load and improve task efficiency
Minimize friction by making interactions simple, predictable, and fast
Research & Insights
A heuristic analysis of the existing platform revealed key usability gaps in structure, navigation, and content hierarchy. These findings were further validated by reviewing comparable institutional websites.
Key Insights
- Users prioritize quick access to events, results, and updates
- Clear and predictable navigation is essential for task completion
- Scannable content significantly improves information discovery
- Consistency in design reinforces trust and usability
Platform Gaps
- Deep navigation structure increases time to access key information
- Overloaded pages with dense content reduce readability
- Inconsistent layouts create confusion across sections
- Lack of clear entry points for primary user tasks
- No unified system for managing and scaling content
Benchmark Analysis
Comparable government and sports platforms were analyzed to understand usability patterns, structural approaches, and design standards within similar ecosystems.
Platform
What Works
What Doesn’t
Sports Authority of India
Structured navigation
Outdated UI, limited responsiveness
Sports Authority of India
Works
Structured navigation
Doesn’t
Outdated UI, limited responsiveness
Khelo India
Easy access to programs
Inconsistent layout
Khelo India
Works
Easy access to programs
Doesn’t
Inconsistent layout
International Olympic Committee
Modern, responsive design
Content-heavy structure
International Olympic Committee
Works
Modern, responsive design
Doesn’t
Content-heavy structure
UX Audit
Too many navigation menus. Overwhelming and hard to scan.
Weak visual hierarchy. Headline, subtext and CTAs don't have clear priority.
Multiple CTAs competing for attention. No clear primary action.
Background image + gradient overlay reduce text readability.
Decorative curved element adds visual noise without any clear purpose.
Large logo takes too much space and distracts from main message.
Typography & Colors
Helvetica
Light / Regular / Medium / Bold
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
0123456789
Full Page Preview
