MB Decor - Decorating Specialist

A bespoke website made for MB Decor

Frontend
mbdecoratingspecialist.co.uk
MB Decor - Decorating Specialist screenshot

Overview

A bespoke website made for MB Decor, a Kent-based decorating business. The client wanted a modern, premium feeling website with a simple colour palette, reflecting their tidy and meticulous approach to their work. Built using Next.js for its server-side capabilities such as optimised load times and SEO.

Tech Stack

  • TypeScript

    TypeScript

  • Next.js

    Next.js

  • TailwindCSS

    TailwindCSS

Key Decisions

1.

Server vs Client Side

The client loved the smooth animations which brought his site to life. But, I used the 'motion' library which renders Client-side. This was a huge deal as the client wanted to improve discoverability via SEO, which Client-side makes much harder. I ended up building a reusable Client-component which wraps around content. This way, the content stayed server-rendered for maximum SEO while keeping the cool animations.

2.

Mobile Responsiveness

Most of the web's traffic is through mobile, it only made sense to go with a mobile-first approach to making my client's website - especially for SEO. The end result was almost like a unique experience on both mobile and desktop while keeping everything that was necessary in its correct place.