Laiout.co

Overview

One day, Theodore, Laiout's Marketing Manager, reached out to me and asked if I could design & build them a new website for Laiout.co. Of course I can; I've been waiting for an interesting SaaS website redesign.

Laiout.co builds office floor plans with AI. You upload the plan of an empty floor, and in minutes it lays out desks, meeting rooms, chill zones and everything in between. Their clients include JLL, Cushman & Wakefield, British Land and Tishman Speyer.

My role was to redesign the website end to end. I designed it in Figma, made all the illustrations and animations, and built it in Webflow. The whole thing took about three months.

Three months might sound a bit too long, but it's a project I worked on alone, and in less than part-time hours.

What am I solving?

Think about someone who's just heard that JLL plans offices with Laiout.co. They open the website expecting something on that level. But instead, they land on a pale, dated page that feels like an old WordPress template, and the features it shows are ones the product had long outgrown.

Laiout.co works with some of the world's biggest companies, but its website looked a lot smaller than that. Competitors had moved on design-wise, and Theodore felt it was costing them demo requests.

The product had scaled, but the website stayed the same.

There was also half of the problem nobody could see. The old staging site was still live, so Google was finding 32 duplicate pages. On top of that, 22 links led nowhere, and 169 of 207 images had no description at all.

Who am I helping out?

Theodore's brief named four audiences: tenants, landlords, flex space operators, and designers & architects. They all use the same product, but for completely different reasons.

Imagine an asset manager at a big landlord. One of their floors has been empty for four months, and every empty month is rent they're never getting back. A company is coming for a viewing next week, and all they can show is bare concrete and a PDF.

What they need is to show that company what the floor could look like with their team in it. Today, not in three weeks when the architect sends drawings.

The other three have their own version of this. A tenant wants to know the space fits their team before signing a lease. An operator needs to rearrange flexible floors quickly. A designer needs a solid first draft to win the pitch.

Four different people, four reasons to book a demo, and one homepage that has to talk to all of them. Theodore didn't want separate pages for each audience, so the homepage had to do that job on its own.

What I actually did?

I redesigned the whole site, but the homepage is where most of the thinking went.

Before opening Figma, I looked at how competitors like Qbiq and Snaptrude sell similar products. The good ones let you see the product working right away. The weaker ones list every feature at once and lose you halfway down the page. So I set two rules for Laiout: show the product instead of describing it, and talk to each audience on their own terms.

Here's how the homepage works, top to bottom.

Hero

I suggested the headline Generate Office Floor Plans in Minutes because it's short and tells you exactly what you get, and how fast. Right under it is a big Book a Demo button.

Below that is the product video. I split it into chapters, like on YouTube, so a landlord can skip straight to the part that's about them instead of sitting through the whole demo.

Picking your audience

Right after the hero there's a short line and a marquee of client logos. Before asking anyone to read more, I wanted them to see who already trusts Laiout.co.

Then come the four tabs from the section above. The benefits section further down is synced with them. Pick Landlord at the top, and the page keeps talking to a landlord as you scroll.

I pushed for animations instead of static screenshots in the use cases. Watching a floor plan fill itself in explains the product better than any picture. The benefits stayed a simple static grid on purpose. Not everything has to move.

Process

This is the section I spent the most time on. It walks you through every stage of a building, from an empty floor to a finished layout. Each step opens like an accordion, and an animation plays showing what Laiout.co does at that stage.

I designed all the illustrations and animations myself, then built them in Webflow. It was the hardest part of the whole project, on both the design and the build side, but it's also the part that explains the product best.

After that it's the FAQ, one last big call to action and the footer.

Built so they don't need me

I left Laiout.co a Figma component library and a clean Webflow class system, so their team can change pages without breaking the design. The blog runs on Webflow's CMS, and they publish new posts themselves.

Results, speak up!

The new website has been live since early 2026. A few months later, I asked Theodore how it was going. He told me the redesign was very well received, and that website traffic went up by 50%.

He was also careful to add that it's hard to credit the website alone, since a lot of things affect traffic. I agree. But he's sure the redesign played a part, and that's good enough for me.

The other result I'm proud of is that they don't need me to keep it running. Their team publishes blog posts and updates pages on their own, using the component library and class system I left behind.

“Ermin was a pleasure to work with. His design sensibility is sharp, and he understood the brief quickly without needing to be led by the hand. Every implementation came back clean, well-considered, and often better than what I had in mind.”

If I were starting over, I'd organize the project better from day one. And I'd ask to track demo requests before and after launch, because that's the number this whole redesign was really about.