Back to UI/UX
UI/UX Case Study

Basair

Basair is a Quran navigation app designed to help users explore structured Quranic content through clear screens, simple navigation, and a calm reading experience.

Role: UI/UX Designer Tool: Figma Scope: App Interface Design
Basair app UI screens

Design Goals

Calm and readable Quran-focused interface
Clear navigation between topics and ayahs
Simple screen structure for smooth user flow
Clean visual style with soft spacing

Screen Showcase

Basair screen 1 Basair screen 2 Basair screen 3 Basair screen 4

Design Explanation

The design focuses on clarity, calmness, and easy content exploration. Since the app is related to Quran navigation, the interface was kept clean and respectful, with simple layouts that help users move between topics, subtopics,ayah-related content, and other helpful contents.