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
campsited.com
"As an early stage company we understand the value of great user experience. Mary's skills and commitment have helped us put UX/UI as a discipline at the heart of everything we do" – Finán CEO
Wireframes
Basic prototypes
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’
Blog page
404 pages
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
