BankKart SeyahatMobile Travel Experience

A hand holding a smartphone displaying the BankKart Seyahat hotel booking home screen.

Project overview

BankKart Seyahat is a responsive mobile travel experience available within Ziraat Mobile. Building on established travel flows from MilPlus, I designed the interface around the BankKart brand language, created the UI Design System, and refined selected interactions across hotel, flight, car, tour and cruise journeys.

Live within Ziraat Mobile

01 — Design System

I created a UI Design System covering foundations, core components, form states and reusable travel patterns to maintain visual and interaction consistency across the product.

Figma canvas showing BankKart Seyahat design system components and input field states.

02 — Products

Hotel, flight, car, tour and cruise entry points share a consistent booking structure while preserving the inputs and actions required by each travel product.

Three BankKart Seyahat mobile booking entry screens for different travel products.

03 — Hotel Booker

The hotel booking flow brings destination, date and guest selection into a compact mobile journey with clear field states and consistent actions.

Three hotel booking screens for destination search, date selection and room and guest selection.

04 — Product Listings

Listing structures were adapted to the decision-making needs of hotel, flight and car journeys while maintaining shared card, filter and selection patterns.

Hotel, flight and car result listing screens in the BankKart Seyahat mobile interface.

05 — Contact and Guest Information

Contact and guest forms organize dense information into manageable sections and keep trip and price details visible throughout the booking flow.

Contact details, guest information and travel summary screens.

06 — Payment

The payment experience supports card selection, discount codes, installment options and validation states within a consistent structure.

Payment option, discount code and card information screens.

07 — Empty States

Product-specific empty states explain why no results were found and provide a clear recovery action while maintaining a consistent content hierarchy.

Hotel, flight and cruise empty-state screens with no-results messages and recovery actions.

Thanks for reading

Check out the rest of my portfolio.

Go to portfolio