Campsited Booking Funnel
E-commerce sales funnel UX/UI design for vacation rentals. Full funnel prototyping and design execution from landing pages to product search, product view and purchase page.
Benchmarking – Wireframes – Prototypes – Figma designs
Two options for homepage
Search results page – with filters, sort, card view, fixed widget and horizontal cards
Campsite details page – image gallery, accommodation cards, filters, sort map view and reviews.
Search results map view – map overlay (map (google maps) colours were edited to match colour palette). Map behaviours – pins active/sale pins/already viewed pins.
Search results page – variations to allow for multiple scenarios such as – no availability country level, no availability regional level.
Campsite details – accommodation overlay. Popup showing accommodation level details, availability, gallery and ability to book.
I worked on designing horizontal cards, vertical cards for desktop, mobile, tablet landscape, tablet portrait and cards for map view.
Date picker behaviours to allow for Saturday to Saturday bookings, guest picker required user to input ages.
Check out page
My booking page showing various booking status such as ‘booking pending’ or booking declined’
I set up a design system for fonts, colours, buttons and global elements such as drop-downs, search results cards, input fields, widgets, date pickers etc