tthhoommaass ll..

say hello

neighbor

Bringing people together with thoughtfully designed outdoor furniture

whatFront-end Dev
whyImprove sales
howShopify, HTML, CSS, JavaScript, Web Components
Neighbor project

development with impact

view live site

project overview

Neighbor is a modern outdoor furniture brand built around craftsmanship, comfort, and connection. Their website plays a key role in showcasing products and driving online growth. The goal of this project was to enhance the shopping experience through smarter design systems, intuitive interactions, and performance-focused development.

my role

As a front-end developer, I focused on building and refining high-impact features that directly improved user experience and conversion rates. While the design was provided by Neighbor's internal team, my work centered on bringing functionality, flexibility, and scalability to the site's front end.

key contributions

  • Cart Drawer: Built an intuitive, high-performing cart drawer with upsells and add-ons to encourage increased order value.
  • Product Detail Pages (PDP): Enhanced PDPs with dynamic upsells, add-ons, and modular content sections.
  • Navigation & Search: Rebuilt the main navigation with a flexible mega menu and improved site search for faster product discovery.
  • Collection Pages: Created two styles — one rich in editorial content and another featuring product filtering capabilities for a smoother browsing experience.
  • Product Cards: Improved visual consistency and performance with reusable, scalable components.
  • 3D "Build Your Own Sectional" Integration: Implemented an interactive experience for customers to visualize custom furniture configurations.
  • Custom Swatch Kit Builder: Developed a custom interface allowing users to order material samples in a streamlined way.

technical highlights

  • Built with performance and scalability in mind, utilizing custom HTML elements (Web Components) for maintainability and reuse.
  • Implemented a variety of accessibility enhancements across interactive elements to ensure an inclusive user experience.
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design

let's build something together.