Neighbor is a modern outdoor furniture brand focused on craftsmanship, comfort, and thoughtful design. Their website is a critical part of how customers discover products, explore configurations, and make purchasing decisions.

As the brand continued to grow, the website needed improvements to support a better shopping experience. Product discovery, navigation, and cart interactions all presented opportunities to reduce friction and increase engagement. The challenge was to enhance these experiences while maintaining strong performance and building scalable front-end systems that could support ongoing growth.

Working closely with Neighbor’s internal design and product teams, the goal was to translate new UX concepts into reliable, high-performing front-end implementations.

Designs provided by the internal team focused on improving key customer journeys such as browsing collections, evaluating product configurations, and increasing cart value through relevant upsells.

My role was to ensure these designs translated into responsive, accessible, and performant components that integrated smoothly into the Shopify environment while remaining maintainable for future development.

Much of the work focused on improving critical moments in the shopping experience.

Navigation and search were redesigned to help users discover products more easily through a flexible mega menu and improved search interactions.

Product detail pages were enhanced with dynamic content sections and contextual add-ons, allowing customers to explore complementary products and configure purchases more naturally.

The cart experience was also redesigned through the implementation of a cart drawer that introduces relevant upsells and add-ons without interrupting the shopping flow.

Collection pages were rebuilt to support two browsing modes: editorial-driven pages designed for storytelling and inspiration, and product-focused layouts featuring filtering capabilities for efficient product discovery.

The front-end architecture prioritized performance, scalability, and maintainability.

Reusable components were developed using custom HTML elements (Web Components), allowing key interface patterns such as product cards and interactive modules to remain consistent and easy to extend across the site.

Interactive features such as the 3D “Build Your Own Sectional” experience and the custom swatch kit builder were implemented to help customers better visualize products and order material samples in a streamlined way.

Accessibility improvements were also implemented across interactive components to ensure the site remained usable for a wide range of users and devices.

These improvements helped create a more intuitive and engaging shopping experience while strengthening the technical foundation of the site.

The work introduced scalable front-end systems that support ongoing feature development, improved product discovery through enhanced navigation and search, and increased opportunities for higher cart value through contextual upsells.

At the same time, the component-driven architecture ensured the site remained performant, accessible, and easier to maintain as the platform continues to evolve.