Project Overview
Yankee Mattress Company is a proudly employee-owned business, creating handcrafted mattresses with a commitment to quality, transparency, and exceptional customer service. Since its founding in 1999, Yankee Mattress has stood by its belief in offering customers a better mattress at a better price while delivering a superior shopping experience.
The company needed a complete rebrand and custom e-commerce website that reflected its brand values while providing a seamless shopping experience for customers. I did the new logo as well as designed the full website, focusing on intuitive navigation, user-friendly features, and a visually engaging design to showcase Yankee Mattress’s handcrafted products and company ethos.
Scope of Work
Full Custom E-Commerce Website Design
UI/UX Design
Page Designs: Mattresses, Pillows & Bedding, About Us (Who We Are, Commitment to Local, Factory Direct Pricing), Blog, FAQs, Store Locator, and Contact
Challenges
Balancing Informational and E-Commerce Needs:
The site had to seamlessly combine storytelling about Yankee Mattress Company’s history and values with a robust shopping experience.
Optimizing Product Pages:
Presenting mattress options clearly while avoiding overwhelming the customer with technical details required thoughtful layout and design choices.
Building Trust in a Competitive Market:
The design needed to emphasize Yankee Mattress Company’s unique selling points, such as employee ownership, factory-direct pricing, and handcrafted quality, to stand out in a competitive e-commerce space.
Integrating Local and Online Sales:
Creating a cohesive experience for both online shoppers and those looking to visit retail locations required integrating the store locator and aligning the messaging across all touchpoints.
Design Solutions
Brand Aesthetic:
The website design captures Yankee Mattress Company’s core values of quality, transparency, and craftsmanship. A neutral color palette with earthy tones was chosen to evoke warmth and comfort. Clean, modern typography and high-resolution product photography emphasize professionalism and quality.
UI/UX Design Philosophy:
The design prioritizes a straightforward, enjoyable user experience, ensuring customers can easily explore products, learn about the company, and make purchases. Key UX strategies include:
Seamless Product Browsing: Intuitive navigation and filters help users quickly find mattresses, pillows, or bedding that match their needs.
Optimized Checkout Flow: A simple, user-friendly e-commerce process minimizes friction during checkout.
Mobile Responsiveness: A fully responsive design ensures a consistent shopping experience across all devices.
Pages and Features:
Home Page:
Highlights Yankee Mattress Company’s unique selling points: employee ownership, handcrafted quality, and local commitment.
Features links to key pages, including Mattresses, Pillows & Bedding, and About Us.
Mattresses Page:
Showcases the full range of handcrafted mattresses with filters for size, firmness, and type.
Each product page includes detailed descriptions, high-quality images, and customer reviews.
Pillows & Bedding Page:
Highlights complementary products like pillows, protectors, and bedding essentials.
Simple categorization and visuals make shopping for add-ons straightforward.
About Us Page:
Who We Are: Shares Yankee Mattress Company’s story, including its employee-owned model and founding history.
Commitment to Local: Highlights their dedication to supporting local communities and sourcing materials responsibly.
Factory Direct Pricing: Explains the cost-saving benefits of buying directly from the manufacturer.
Blog Page:
A resource for sleep tips, mattress care, and company news. Organized by categories for easy browsing.
FAQs Page:
Answers common customer questions about product care, warranties, shipping, and more.
Designed with collapsible sections to make navigation simple.
Store Locator Page (Google Maps Integration):
An interactive map helps users find Yankee Mattress retail locations.
Includes store addresses, contact information, and directions.
Contact Page:
Features a clean contact form for inquiries, along with phone and email information.
Embedded map provides directions to the different locations.
Results
The redesigned Yankee Mattress Company website provides an engaging and seamless shopping experience that reflects the brand’s commitment to quality and transparency. Key outcomes include:
Improved User Experience: Intuitive navigation and clear product categories make it easy for customers to find and purchase products.
Enhanced Brand Storytelling: The About Us and Blog pages effectively communicate the company’s values, building trust and connection with customers.
Increased Accessibility: The responsive design ensures the site functions beautifully on all devices, from desktop to mobile.
Streamlined Local Shopping: The store locator integrates seamlessly with the e-commerce functionality, supporting both online and in-store sales.
What I Loved About This Project
Designing the Yankee Mattress Company website allowed me to merge storytelling and functionality, creating a platform that reflects the brand’s deep commitment to quality and local values. The e-commerce aspect required careful attention to detail, from optimizing product pages to streamlining the checkout flow. I especially enjoyed designing for an employee-owned company with a strong community focus, knowing the site would serve both their business goals and their customers’ needs.