Redesign of the iHadis Homepage: Enhancing User Experience and Islamic Aesthetics

Original Homepage

A look at the current design and layout of the iHadis homepage.

Redesigned Homepage

My updated version, focusing on enhanced visual hierarchy, improved information architecture, and a more engaging user experience.

In this project, I present a comprehensive redesign of the iHadis website's homepage. The goal of this redesign was to improve visual hierarchy, streamline information architecture, and foster user engagement while staying true to Islamic design principles.

Key Features of the Redesign:

Enhanced Visual Hierarchy: A clean and modern layout with prominent use of typography and whitespace to guide users' attention to key elements such as the main hadith of the day.

Improved Information Architecture: Logical structuring of information with clear navigation, organized hadith categories, and thematic sections to ensure easy access to content.

Engaging User Experience: Interactive elements including a prominent search bar, categorized collections, and a daily hadith gallery to encourage regular user interaction.

Islamic Design Principles: Aesthetic elements inspired by traditional Islamic art, including a green color palette, simple yet elegant typography, and subtle geometric patterns.

This redesign aims to provide a visually appealing, user-friendly experience that aligns with Islamic values and enhances the overall user experience on the iHadis website.