2021
Boston Duck Tours
A full website redesign for one of Boston’s most iconic brands, keeping the personality and charm people know while making it easier to browse, book, and go.
UX and UI Design
Website Design
Know More
A mobile first, WCAG friendly site that stays true to the brand, feels fun and welcoming, and makes it simple for people on the go to book a tour from their phone.
How it was done
Highlights:
Collaborated closely with their internal team to protect the tone and personality that makes the brand iconic in Boston.
Designed the experience mobile first since most visitors browse and book while they are already out in the city.
Refined the color palette and typography to meet WCAG AA while still feeling playful and on brand.
Built clear paths from homepage and landing pages into key booking flows.
Designed around the constraints of their existing booking system so the handoff from site to booking feels seamless and predictable.
Used their strong photography and copy as anchors in the layout to keep the experience visually rich and welcoming.
Simplified navigation and content hierarchy so visitors can quickly answer the basics: what is it, when can I go, and how do I book.
Problem
The brand was loved, but the site felt dated and did not match how people actually booked.
Most guests discover or confirm tour details on their phones while walking around Boston. The old experience was not designed mobile first and the handoff into the external booking system felt jarring. Accessibility also needed attention so the site could meet WCAG AA without losing the fun tone they were known for.
Solution
Design for the real world use case.
A refreshed color system and type ramp that meets WCAG AA while still feeling bold, friendly, and true to the brand.
Clear content structure that explains what the tour is, why it is special, and how to plan a visit in just a few scrolls.
Booking journeys that respect the constraints of the third party booking system, reducing surprise when the user transitions from the marketing site to the transaction flow.
Layouts that lean on their photography and brand voice to carry the story instead of heavy UI chrome.
Concept
Keep the charm, reduce the friction.
The design treats Boston Duck Tours like what it already is in the city, a must do experience. The site focuses on three things: show the energy of the tour, answer basic questions fast, and make the jump into booking feel smooth and safe.
More Works
FAQ
01
What kind of work is in this portfolio?
02
How do you choose between Webflow, Framer, and React?
03
What was your role on these projects?
04
How do you approach accessibility and performance?
05
What’s a typical timeline shown here?
06
How do you measure success in these projects?
07
Can you work with an existing brand or do full rebrands?
2021
Boston Duck Tours
A full website redesign for one of Boston’s most iconic brands, keeping the personality and charm people know while making it easier to browse, book, and go.
UX and UI Design
Website Design
Know More
A mobile first, WCAG friendly site that stays true to the brand, feels fun and welcoming, and makes it simple for people on the go to book a tour from their phone.
How it was done
Highlights:
Collaborated closely with their internal team to protect the tone and personality that makes the brand iconic in Boston.
Designed the experience mobile first since most visitors browse and book while they are already out in the city.
Refined the color palette and typography to meet WCAG AA while still feeling playful and on brand.
Built clear paths from homepage and landing pages into key booking flows.
Designed around the constraints of their existing booking system so the handoff from site to booking feels seamless and predictable.
Used their strong photography and copy as anchors in the layout to keep the experience visually rich and welcoming.
Simplified navigation and content hierarchy so visitors can quickly answer the basics: what is it, when can I go, and how do I book.
Problem
The brand was loved, but the site felt dated and did not match how people actually booked.
Most guests discover or confirm tour details on their phones while walking around Boston. The old experience was not designed mobile first and the handoff into the external booking system felt jarring. Accessibility also needed attention so the site could meet WCAG AA without losing the fun tone they were known for.
Solution
Design for the real world use case.
A refreshed color system and type ramp that meets WCAG AA while still feeling bold, friendly, and true to the brand.
Clear content structure that explains what the tour is, why it is special, and how to plan a visit in just a few scrolls.
Booking journeys that respect the constraints of the third party booking system, reducing surprise when the user transitions from the marketing site to the transaction flow.
Layouts that lean on their photography and brand voice to carry the story instead of heavy UI chrome.
Concept
Keep the charm, reduce the friction.
The design treats Boston Duck Tours like what it already is in the city, a must do experience. The site focuses on three things: show the energy of the tour, answer basic questions fast, and make the jump into booking feel smooth and safe.
More Works
FAQ
01
What kind of work is in this portfolio?
02
How do you choose between Webflow, Framer, and React?
03
What was your role on these projects?
04
How do you approach accessibility and performance?
05
What’s a typical timeline shown here?
06
How do you measure success in these projects?
07
Can you work with an existing brand or do full rebrands?
2021
Boston Duck Tours
A full website redesign for one of Boston’s most iconic brands, keeping the personality and charm people know while making it easier to browse, book, and go.
UX and UI Design
Website Design
Know More
A mobile first, WCAG friendly site that stays true to the brand, feels fun and welcoming, and makes it simple for people on the go to book a tour from their phone.
How it was done
Highlights:
Collaborated closely with their internal team to protect the tone and personality that makes the brand iconic in Boston.
Designed the experience mobile first since most visitors browse and book while they are already out in the city.
Refined the color palette and typography to meet WCAG AA while still feeling playful and on brand.
Built clear paths from homepage and landing pages into key booking flows.
Designed around the constraints of their existing booking system so the handoff from site to booking feels seamless and predictable.
Used their strong photography and copy as anchors in the layout to keep the experience visually rich and welcoming.
Simplified navigation and content hierarchy so visitors can quickly answer the basics: what is it, when can I go, and how do I book.
Problem
The brand was loved, but the site felt dated and did not match how people actually booked.
Most guests discover or confirm tour details on their phones while walking around Boston. The old experience was not designed mobile first and the handoff into the external booking system felt jarring. Accessibility also needed attention so the site could meet WCAG AA without losing the fun tone they were known for.
Solution
Design for the real world use case.
A refreshed color system and type ramp that meets WCAG AA while still feeling bold, friendly, and true to the brand.
Clear content structure that explains what the tour is, why it is special, and how to plan a visit in just a few scrolls.
Booking journeys that respect the constraints of the third party booking system, reducing surprise when the user transitions from the marketing site to the transaction flow.
Layouts that lean on their photography and brand voice to carry the story instead of heavy UI chrome.
Concept
Keep the charm, reduce the friction.
The design treats Boston Duck Tours like what it already is in the city, a must do experience. The site focuses on three things: show the energy of the tour, answer basic questions fast, and make the jump into booking feel smooth and safe.
More Works
FAQ
What kind of work is in this portfolio?
How do you choose between Webflow, Framer, and React?
What was your role on these projects?
How do you approach accessibility and performance?
What’s a typical timeline shown here?
How do you measure success in these projects?
Can you work with an existing brand or do full rebrands?