The journal

Guides12 min readBy

Lava Space: What the Website Build Involved

Lava Space needed a site where interiors, not the interface, did the talking, and a way to keep it updated without calling a developer every time a project finished. Here is what that build actually involved, and what it took to run.

Lava Space: What the Website Build Involved

Key takeaways

  • Lava Space is one of the UAE's leading interior design and fit-out companies. It needed a website where the spaces hold attention and the interface stays out of the way.
  • Meant built a minimal, monochrome Next.js site on a bespoke CMS. The studio uploads and organises its own projects, galleries, categories and client logos, without calling a developer.
  • Projects at Meant start at $2,000. Each one is quoted as a fixed price for a written scope after a free 30-minute call, and never billed by the hour.
  • A generic theme costs less on day one. A portfolio grows every year, though, and a theme still needs a developer for many content changes. A bespoke CMS is built to close that gap.
  • Saruest is a separate example of the same studio approach: the brand and a bilingual website built together, with no handover between an agency and a developer.

What Lava Space Needed From Its New Website

Lava Space designs and fits out interiors for government entities, hospitality brands and corporate headquarters across the Gulf. Its product is the finished space. The website had two jobs: show that work at full strength, and stay current as the portfolio grows. We are Meant, a senior digital studio. For Lava Space we built a minimal, monochrome Next.js site where the spaces take centre stage. It runs on a completely bespoke CMS that the studio controls itself. The site is live at lavaspace.ae.

That is the brief in two lines. The rest of this article covers what each half involved, and why neither half works without the other.

Why a Portfolio Site for an Interior Design Firm Is Different

An interior design website sells with photographs. A client commissioning a hotel lobby or a headquarters fit-out wants to see finished rooms at scale and in detail. Copy matters less than on most sites, and the interface matters even less. Every button, border and coloured panel competes with the image.

A portfolio also keeps growing. Each completed project adds a gallery, sometimes a new category, often a new client logo. If a site looks right at launch and is out of date a year later, it has failed the brief.

The Risk of a Generic Template for a Premium Brand

Templates are built to suit as many businesses as possible. That makes them busy by default: sliders, stock icons, accent colours, layout blocks meant for a restaurant one day and a law firm the next. When a firm's clients include government bodies and hospitality groups, a site that looks like a thousand others undercuts the premium its work commands. The standard is visible in the rooms, so the website has to match it.

The Design Decision: Monochrome, Minimal, and Built in Next.js

Why the Spaces Take Centre Stage, Not the Interface

Monochrome web design removes the one thing a template always adds: colour that belongs to the website and not to the work. In black, white and grey, the interface steps back. The only colour on the page comes from photographs of finished interiors. Materials, light and finishes then read the way they do in the room.

Minimal does not mean empty. Every element has to earn its place. That leaves navigation, project names, categories and galleries. Anything beyond that pulls attention away from the reason the visitor came.

What Next.js Gives a Design-Led Site That a Theme Can't

Image-led sites are heavy, and heavy sites are slow unless someone engineers them not to be. Google's guidance says a page gives a good loading experience when Largest Contentful Paint (the moment the main image or block of content appears) happens within 2.5 seconds of the page starting to load. Interaction to Next Paint measures how quickly a page responds to a click or tap, and its target is 200 milliseconds or less. Google checks both at the 75th percentile of page loads, with mobile and desktop measured separately. A page only passes if it meets the targets for all three Core Web Vitals, the third being Cumulative Layout Shift, which measures how much the layout jumps while loading.

With bespoke Next.js development, we decide how every image is sized, loaded and served. Nothing is inherited from a theme's defaults or a stack of plugins. Next.js also offers Incremental Static Regeneration (ISR), which updates static content without rebuilding the whole site. Pages are pre-built, so they load fast. An edit made in the CMS can still go live without a developer redeploying. A theme rarely gives you both.

Inside the Bespoke CMS: Running the Site Without a Developer

A content management system is the back office of a website, the screens where you add, edit and organise content. A bespoke CMS is built around one business's content, with fields named the way that business works. A general-purpose editor has to be bent to fit; a bespoke one fits from the start.

The Lava Space CMS covers four things: projects, galleries, categories and client logos. The studio uploads and organises all four itself, without ever calling a developer.

Projects, Galleries and Categories, Organised by the Studio Itself

The project is the core unit of an interior design portfolio. A bespoke CMS can structure it the way the studio already thinks about its work: the project, its gallery and the category it belongs to. Whoever adds a new project fills in what the studio needs and nothing else. There are no unused page-builder blocks to scroll past and no plugin settings to work around.

Categories matter because buyers browse by type of space. A hospitality client wants to see hospitality work first. When the studio controls its own categories, it can reorganise the portfolio as the work changes, without opening a support ticket.

Client Logos and Credibility, Updated in Minutes

For a firm that works with government entities and corporate headquarters, client logos carry a lot of weight. A logo wall shows that organisations with high standards have already chosen the firm. It also has to change each time a new client comes on board. When adding a logo is a simple upload, the credibility on the site keeps pace with the business.

This is where Next.js and a CMS work well together. On-demand ISR, supported since Next.js 12.2.0, clears the cache for a specific page. The Next.js documentation gives content being created or updated in a headless CMS as one example of when to use it. If a background update fails, Next.js keeps serving the previous version of the page. A bad upload does not take the live site down.

Why Off-the-Shelf Builders and Themes Fall Short Here

The limitations of a website builder rarely show on launch day. They show later, when the portfolio has doubled, the layout no longer fits the work, and every structural change goes back to whoever set the theme up.

Generic theme or site builderBespoke Next.js site with custom CMS
Cost on day oneLowerHigher. At Meant, from $2,000, fixed price
Visual controlLimited to the theme's layoutsEvery element designed for the brand
Monochrome, image-first layoutWorks against the theme's defaultsDesigned in from the start
Content modelGeneric pages and postsProjects, galleries, categories and logos, as the studio defines them
Content updatesText edits are easy, structural changes need a developerThe studio manages the content it was built to hold
PerformanceDepends on the theme and its pluginsEngineered against Core Web Vitals targets
Who looks after itWhoever set it up, if they are still aroundThe team that built it

What a Template Can't Do for a Monochrome Portfolio

You can strip a template back to black and white. What you cannot strip out is its structure. Grids, spacing, image ratios and navigation patterns were all chosen for someone else's content. In a monochrome design, where layout and photography do all the work, those inherited decisions are the most visible part of the page. Custom website development lets the layout follow the photographs instead of forcing the photographs into the layout.

The Handover Problem: Who Updates the Site After Launch

The more common failure is not visual. A dev shop builds the site and moves on. Then a marketing agency arrives and cannot change the site. The client is left in the middle with a portfolio that falls behind the work. A bespoke CMS solves the day-to-day half of that problem, because the studio owns its content. The other half depends on who you hire, which is covered below.

What a Build Like This Involves, Start to Finish

This is the process we follow for design-led, CMS-driven builds. It describes how we work in general. It is not a record of any one project.

1. The Free Call and Scope

It starts with a free 30-minute call with our team. We cover what the site has to do, what content the business manages, and who will update it. Nothing is charged for the call.

2. Fixed Price, Written Scope

After the call, we send a fixed price for a written scope. The document lists the pages, the content types the CMS will manage, and what is included at launch. Projects start at $2,000. We do not bill by the hour, so the number you approve is the number you pay unless you change the scope.

3. Design, Build and CMS Setup

Design and build run as one job, done by the same people. For a portfolio site, the content model comes first: what a project is, what a gallery holds, how categories nest. The interface is then designed around real photographs, not placeholders. The CMS is built and tested with real content before launch, so problems surface early.

4. Launch and Handover

At launch the site goes live on your domain. The people who will run the CMS should be able to add a project before launch day, not after it. If you want us to continue after launch, we offer automation and marketing as monthly retainers that run alongside the site we built.

Choosing a Studio for a Design-Led, CMS-Driven Build

Questions to Ask Before You Commit

Our fuller guide covers the questions to ask a Next.js development agency. For a brief like this one, start with these:

  • Is the price fixed in writing before work starts, or estimated by the hour?
  • Will the CMS be built around your content, or is it a general editor with your logo on it?
  • Who will you actually talk to, and are they the people doing the work?
  • Can you see live sites the studio has built, with named clients?
  • After launch, who changes the site when the marketing needs it to change?

Why the Same Team Building It Should Be Able to Grow It

A site is not finished at launch. Landing pages, campaign tracking and conversion fixes all touch the code. If the builders have gone and the marketers cannot edit the site, the client pays twice and waits for both. We design, build and then market the same site, so nothing is lost in a handover.

Saruest, a solar and energy company based in Sudan, shows the same approach in a different sector. We built the brand and the website together: the Irradiance Peak mark, then a bilingual Next.js site where Arabic is a first-class layout and not a mirrored afterthought.

Frequently asked questions

How much does a bespoke Next.js website cost?

At Meant, projects start at $2,000. The final figure depends on the scope, which we set out in writing after a free 30-minute call. You get one fixed price for that scope. We do not bill by the hour.

What is a bespoke CMS, in plain terms?

It is a back office built for your content and nobody else's. A general platform gives you generic pages and posts. A bespoke CMS gives you exactly what your business manages, such as projects, galleries, categories and client logos, with nothing extra to work around.

Can a non-developer update a custom-built website after launch?

Yes, if the CMS is built for it. On the Lava Space site, the studio uploads and organises projects, galleries, categories and client logos without calling a developer. In Next.js, Incremental Static Regeneration lets those edits go live without a redeploy.

How long does a custom website build usually take?

It depends on the scope: the number of pages, the content types the CMS manages, and whether the brand is being built at the same time. We agree the timeline as part of the written scope before work starts, so you know the plan before you commit.

Is a custom website better than a Shopify or WordPress theme for a design-led brand?

For a brand whose work is visual, usually yes. A theme limits layout, image handling and the content model to what it was built for. A theme is cheaper on day one. A custom build pays off when the design has to carry a premium price and the content changes often.

If your business needs a website where the work speaks and the studio stays in control of it, book the free 30-minute call with Meant.

Get the next one.

One email when a new case study or guide goes up. No list, no newsletter filler.

No list, no filler. Reply to any entry and we will take you off.

راسلنا على واتساب