All Projects
01·UI/UX Designer @ N24·2026

Fayha Water — App & Website

FigmaUX ResearchDesign SystemE-commerce

Fayha's customers — households, mosques, and commercial sites — were all booking water deliveries the same informal way: a phone call or a WhatsApp message, with no shared order history, no visible pricing before the call, and no way to track a delivery once it was placed.

The brief was to replace that with one clear, adaptable experience: show delivery status on the very first screen, keep official pricing and documentation visible before checkout, and let repeat customers reorder or resubscribe in as few steps as possible — without branching into a separate app for mosques or facilities.

I designed a single platform — an app and a website sharing one login, one cart, and one visual identity — with a Qatra points and coupon system layered on top to reward repeat orders and automate subscription refills. The project covers the full process: research and personas, competitor analysis, information architecture, core flows, a complete design system, and the final UI across both platforms.

View on Behance

9

Web Pages

62

App Screens

AR / EN

Languages

Riyadh · Al-Kharj

Coverage

Fayha Water case study — Cover — about the project
Fayha Water case study — Responsive experience — problem & solution
Fayha Water case study — Who uses Fayha?
Fayha Water case study — Methodology & design phases
Fayha Water case study — Research insights, by the numbers
Fayha Water case study — Competitor analysis
Fayha Water case study — Personas
Fayha Water case study — Key insights
Fayha Water case study — User journey map
Fayha Water case study — Problem statement & UX goals
Fayha Water case study — Information architecture
Fayha Water case study — Core flow — from selection to delivery
Fayha Water case study — Coupons & the Qatra points flow
Fayha Water case study — Cancellation & refund flow
Fayha Water case study — Moodboard & visual direction
Fayha Water case study — Grid system
Fayha Water case study — Color & color psychology
Fayha Water case study — Typography
Fayha Water case study — Spacing, corners & shadows
Fayha Water case study — Component library
Fayha Water case study — Icons
Fayha Water case study — Website — full home page
Fayha Water case study — Website — products & Qatra
Fayha Water case study — Website — about, structure, contact
Fayha Water case study — Sign in & registration
Fayha Water case study — App home & product details
Fayha Water case study — Cart, checkout & address
Fayha Water case study — Orders, tracking & edge cases
Fayha Water case study — Interactive prototype, iteration & results