# Adaptive & Responsive Design

The user flows were considered for desktop, tablet and mobile platforms. As the experience of searching for Umrah was different on each platform it was important to carefully consider how we structured information throughout. We used a responsive design structure matching the desktop and tablet but chose to use adaptive design for the mobile. This was because booking Umrah through mobile was a completely different experience to booking Umrah through a desktop or tablet where the ability to display huge amounts of information was limited. During our initial prototyping stages, these elements were considered where we ensured all prioritised features were displayed in an easy to read manner.

![Adaptive Design](https://2285135475-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCaTkHjrGWPG7uK8yHM%2F-MFhlemprqlWAlToqNpW%2F-MFhofJ-ZOH8OKOHX3xu%2FMobile-Collage.jpg?alt=media\&token=392ac0a9-18f1-4501-ba72-94411d309df7)

![Responsive Design](https://2285135475-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MCaTkHjrGWPG7uK8yHM%2F-MFhlemprqlWAlToqNpW%2F-MFhouLwGIuJcZyw2HV_%2FIpad-Collage.jpg?alt=media\&token=5f01b979-25f7-436f-a6fc-a836648c2b81)

**`*Due to the proprietary nature of this product, only pre-approved examples of the work I completed have been published in this case study.`**
