Project Overview

JensonDecor is a home decor e-commerce brand built for customers who care about how their spaces look and feel. Velcodes designed and developed the complete website from scratch — handling everything from the visual design and user experience through to the full front-end build — creating an online shopping platform that is as refined as the products it sells.

The site was built using HTML, Tailwind CSS, and vanilla JavaScript, delivering a responsive, fast-loading, and visually engaging experience optimised for browsing, product discovery, and conversion. Every page and feature was designed with the end-user's journey in mind — from landing on the homepage to completing a purchase.

The Challenge

Home decor is a considered purchase category — customers browse carefully, compare options, and make decisions based on both aesthetics and value. The platform needed to support that behaviour at every stage:

• Designing a visually rich homepage that communicated the brand's aesthetic immediately while guiding users efficiently into product discovery
• Building an advanced product browsing experience with real-time search, category filters, and brand-based filtering that made finding the right product fast and frictionless
• Developing a dynamic product comparison tool that allowed users to evaluate multiple items side-by-side on features and price — a technically complex feature to implement with live, accurate updates
• Ensuring smooth animations and consistent cross-browser behaviour, including a custom cursor that added a premium feel without compromising performance
• Delivering a flawlessly responsive layout across all screen sizes — from mobile browsing to large desktop displays

UX & Design Strategy

Home decor shoppers are visual decision-makers. The design strategy centred on creating an experience that felt warm, aspirational, and easy to navigate — matching the emotional appeal of the products with an equally considered interface:

• A warm, neutral colour palette and clean typography that complemented the decor product aesthetic without competing with product imagery
• Prominent product sliders on the homepage surfacing recent arrivals, curated categories, and featured products — keeping the catalogue visible and browseable from the very first scroll
• Clear visual hierarchy on product pages ensuring that key information — pricing, category, comparison options — was always accessible without clutter
• A structured user flow from landing page through to cart that minimised decision fatigue and supported confident purchasing

Key Pages & Features

The site was designed and built as a multi-page e-commerce experience, with each page serving a distinct role in the customer journey:

• Home Page — a full landing experience featuring a hero section, brand introduction, product sliders for recent products, categories, and featured picks, a customer feedback section, and a newsletter subscription module
• All Products Page — a comprehensive catalogue view with real-time search and advanced filters for categories and brands, enabling users to narrow down the full product range instantly
• Product Comparison Page — users can select multiple products and compare their features and prices side-by-side in a structured, easy-to-read layout — built with dynamic JavaScript for live updates as selections change
• Shopping Cart — an intuitive cart interface for reviewing, managing, and adjusting selected items before proceeding to checkout
• Login / Register Pages — clean, user-friendly authentication screens with secure form handling and a smooth, low-friction sign-in experience
• Contact Page — an integrated Google Map pinpointing the business location alongside a structured contact form for customer queries, feedback, and order enquiries

Dynamic Product Comparison Tool

One of the most technically involved features of the project, the product comparison tool was built to handle real-time updates as users added or removed items from the comparison view:

• Users select products from the catalogue and the comparison table populates immediately, presenting specifications and pricing in a clean, scannable side-by-side layout
• The table updates dynamically without page reloads, giving a smooth and responsive feel to what is typically a cumbersome interaction on e-commerce sites
• The interface was designed to make differences between products immediately visible, reducing the effort required to make a purchasing decision
• Built entirely in vanilla JavaScript with no external libraries, keeping the implementation lightweight and performant

Technical Implementation

The entire site was custom-coded from scratch — no templates, no pre-built themes, no page builder shortcuts. This approach gave complete control over output quality, performance, and long-term maintainability:

• HTML — semantic, well-structured markup with accessibility and SEO in mind, using proper heading hierarchies, landmark regions, and descriptive alt text throughout
• Tailwind CSS — utility-first styling configured to the project's design tokens, enabling rapid and consistent UI build with full responsiveness across all breakpoints
• Vanilla JavaScript — all dynamic behaviour, including product filtering, real-time search, the comparison engine, cart management, and a custom cursor, implemented without any framework or library dependencies
• Google Maps API — embedded and configured on the contact page to display the business location interactively within the site's design language
• Cross-browser testing was carried out throughout development to ensure consistent rendering, animation behaviour, and interaction response across all major browsers

Outcome

The finished platform exceeded the client's expectations, delivering a feature-rich, production-ready e-commerce website that positions JensonDecor strongly in a competitive market:

• A visually refined, fully responsive website that performs consistently across all devices and browsers
• A complete multi-page e-commerce experience covering product discovery, comparison, cart management, authentication, and contact
• A dynamic product comparison tool that meaningfully improves the purchasing decision process for users
• Advanced search and filtering on the products page, making the full catalogue navigable and fast to browse
• A fast, lightweight custom-coded build with no platform dependency, optimised for user engagement and long-term maintainability

JensonDecor now has a digital storefront that not only showcases its products beautifully, but actively supports the full customer journey — from first impression to purchase — with the quality and care the brand deserves.