12
- Open space separates the header from the content.
- Icon-only navigation with raised controls.
Sakani
Redesign
A platform for finding
a home. An experience
ready for change.
A new chapter for Sakani.
Revisiting Sakani’s mobile experience, visual language
and design system.
The mobile experience,
before V4.
Eight screens, with the key issues marked. Select a screen to inspect the full design.
1234
- Large introduction before the service content.
- Several search examples inside one narrow field.
- Long service card before the project listing.
- Social actions compete with property information.
12
- Large project hero before the practical details.
- Facilities and specifications sit far down the page.
12
- Large filter panel before the unit choices.
- Selection and booking action embedded in the unit list.
123
- Price in the summary: 243,428 SAR.
- A later price row shows 430,000 SAR.
- Reservation action at the end of the long screen.
12
- Hero occupies space above the map-selection task.
- Selected-unit card overlays the map.
12
- Confirmation gives no unit summary or reference.
- Large information panel redirects to an in-person center.
12
- Pale unselected labels and raised selectors.
- Primary action appears after the long reason list.
Four priorities for V4.
Make services easy to find.
Put property facts first.
Keep destinations consistent.
Make the next step clear.
Home seekerFinding a home.
Finding a home.
Planning the next step.
Exploring off-plan homes on Sakani, comparing available units and checking readiness to book.
Needs
Clear property facts, an understandable price and a visible path through eligibility, financing and reservation.
Decision point
A suitable unit is available. Can I afford it, am I eligible, and what do I need to complete before booking?
Choose with enough context.
Compare location, area, price and availability without losing track of the selected project.
Know what happens next.
See the reservation status, find required actions and return to the booking from the profile.
Illustrative scenario based on the supplied Sakani screens and journey map.
Information
Architecture
The original off-plan journey, including eligibility, affordability and recovery paths. Select the map to zoom.
From the existing product
to a new visual language.
The V4 library brings colors, typography, icons and component states into one documented system.
Typography & color
A clear voice. A recognizable palette.
Bahij TheSansArabic
Plain × Bold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
رحلتك إلى بيتك تبدأ هنا
abcdefghijklmnopqrstuvwxyz
رحلتك إلى بيتك تبدأ هنا
12 px14 px16 px18 px24 px36 px
Iconography
Original vector icons from the V4 library.
01 / Discover
Discover a home
Browse available homes and explore their location.
02 / Compare
Find the right fit
Explore the project and review the details of each unit.
03 / Book
Book with confidence
Review the requirements, check the summary and confirm your reservation.
04 / Manage
Keep everything in view
Manage your account, activities, finances and booking.
