Project Overview
A responsive homepage redesign for Travelling Chicken, a Toronto company that runs guided outdoor day trips for solo travellers and small groups. The new homepage helps visitors find a trip, check dates and see the route from Toronto before they get in touch. Hand-coded in HTML, CSS and JavaScript.
2 Weeks
Industry
Travel & Tourism · Outdoor Adventure Tours
Services
UI Design
Challenges
The original homepage was built on a WordPress template and made it hard to choose a trip. The Top Tours section showed an empty search result, the menu listed 18 tours across two dropdowns with repeats, and most activity icons didn't link anywhere. There was no simple way to check dates or see how far each trip is from Toronto.
Achievements
Replaced the broken tour section with trip cards linked to a live route map and a stop-by-stop timeline.
Built a booking bar with a date picker that only allows tour days and a 1–12 guest counter.
Turned 18 menu items into 6 service cards that show related trips on hover and lead to the contact form.
Designed different interactions for each device: hover on desktop, a bottom sheet on mobile.
Added keyboard support, reduced-motion settings and clear form errors, with a CASL-friendly newsletter consent.
Integrated 4 JavaScript libraries: Glide.js, Flatpickr, Leaflet and Parsley.
Process
Audit: reviewed the live site and listed usability issues, starting with the empty Top Tours section.
Define: focused on solo travellers and newcomers to Toronto without a car.
Structure: rebuilt the page as hero → booking → top picks with map → services → reviews → contact.
Build: coded mobile-first and chose one library for each interaction.
Refine: adjusted layouts for mobile, tablet and desktop, then tested keyboard and motion settings.
Clients.
Recent Projects
Works.
Selection of projects crafted for impact, usability, and performance.
