Built project
Rayat Al-Salaf
An Arabic portal for audio, Quran, articles, and lectures serving readers in Sudan and across Africa.
Challenge
Project goals
The site combines many sections, including audio. The visible challenge is presenting them through understandable navigation while keeping playback and reading close to the content.
- Expose audio, Quran, and articles through one navigation system.
- Support phone browsing with a clear Arabic menu.
- Present introductory content without visual distraction.
UI decisions
Consistent blue identity
Navigation and headings use blue tones over a light reading surface.
Labels before icons
Section names remain readable and icons provide secondary visual support.
Tools and stack
Build process
Group sections
Arrange the library by material type and expected use.
Plan for audio
Give audio sections prominence while keeping text and Quran in the same navigation.
Adapt navigation for mobile
Use a vertical menu with full labels on narrow screens.
Key features
Key features
- Audio and Quran library
- Articles, lectures, and selected collections
- Arabic mobile navigation
Business benefits
- Access different sections from one navigation point
- Readable sections at 390 pixels
Project images
Planning something similar?
Send the idea or current product URL. I will explain what needs review before we define scope and timing.
Send project details