Year
July 2023 - Sept 2023
Tools
Deliverables
Website Redesign, Design System, Responsive Design
Role
UX & UI Designer (End-to-End)
Network for Conserving Central India
The organization’s existing website lacked visual cohesion, modern usability standards, and a clear content hierarchy. Key information about conservation initiatives was buried, and the interface did not reflect the organization’s credibility or mission-driven work.
The Problem
The existing website functioned primarily as an information archive rather than a guided digital experience. While rich in content, it lacked a cohesive visual system and strategic content hierarchy.
Key challenges included:
-
Navigation structured around internal programs rather than user intent
-
Content-dense layouts with limited scannability
-
Inconsistent typography, spacing, and button styles
-
Weakly emphasized calls-to-action
-
Limited mobile responsiveness considerations
-
No scalable design system to support future growth
As a result, the organization’s impactful work was not being communicated with the clarity and credibility
it deserved.
Additionally, the site was hosted on Weebly, which limited layout flexibility, component consistency, and long-term scalability. A full migration was required to enable a more structured and future-ready system.
The site contained over a decade of symposium records and data resources, creating structural complexity that required thoughtful content restructuring during migration.
The Goal
The redesign aimed to evolve the website from an archive-style repository into a clear, mission-driven digital experience that communicates impact and drives engagement.
The migration from Weebly to Wix was used as an opportunity to not only refresh the interface, but to fundamentally rethink structure, scalability, and usability.
Strategic objectives included:
-
Replatform with intention: Migrate and restructure legacy content while minimizing information loss.
-
Rebuild the IA: Align navigation with user mental models instead of internal program categories.
-
Design for scalability: Create modular components and reusable templates to support future growth.
-
Clarify hierarchy: Improve readability through consistent typography, spacing, and layout structure.
-
Strengthen engagement: Elevate calls-to-action for collaboration, data exploration, and participation.
-
Unify the brand: Establish a cohesive visual system aligned with the organization’s mission.
-
Ensure responsiveness: Maintain clarity and structure across devices
Target Users
Researchers and conservation scientists
Policy collaborators
and partner institutions
Community Stakeholder
Improving Navigation & Information Architecture
Before
Navigation was organized around internal program categories and layered under a generic “More” menu. Key sections were buried within dropdowns, and labeling reflected organizational terminology rather than user intent. This structure increased cognitive load and made first-time exploration unintuitive.
After
Navigation was reorganized into clear, top-level categories with simplified labeling and intentional grouping. Also, each primary navigation tab was redesigned as a dedicated landing page, supported by dropdown sub-sections for deeper exploration and progressive disclosure to reduce cognitive overload.
-
Elevated high-priority sections (Programmes, Symposium, Resources)
-
Consolidated related content under cohesive headings
-
Introduced structured landing pages for contextual overviews
-
Maintained search visibility for direct access
-
Standardized templates for recurring content types
Color Palette
The visual system draws from earthy, nature-inspired tones to reflect the organization’s focus on conservation and landscape ecology.
Browns and terracotta add warmth and credibility, while sage and deep olive reinforce environmental context. A neutral beige provides balance and improves content readability. It ensures consistency, supports contrast accessibility, and anchors the visual identity in Central India’s landscapes.
Typography
The typography system pairs Fjalla One for headings with Lato Regular for body text to balance authority with readability.
Fjalla One’s condensed, bold structure creates strong visual hierarchy and lends a sense of confidence and impact to section titles, aligning with the organization’s
mission-driven work.
Lato provides a clean, highly legible body typeface optimized for longer reading, ensuring clarity across dense research content and archival material.
