Nextjs SaaS Development Case Study: Redesigning the LERE Landing Page
Quick summary: This project was for LERE, a booking platform for service businesses. The landing page sections did not look like they belonged together, so I restyled them into one consistent design. The result: four sections that now follow one set of design rules, with no sales or traffic numbers to report yet.
I'm Anas, a full-stack Next.js developer. I build custom websites, SaaS products and premium templates. This is a case study of one real client project, written for founders who want to see how I work before they hire me. I only include what I can stand behind, and where I do not have a real number, I say so.
The Starting Problem
LERE is a booking and scheduling platform for service providers such as salons, therapists, tutors, fitness coaches and consultants. Customers book through a shareable link, pay a deposit or the full amount, and get reminders before the appointment. The platform has a free plan, so the landing page has one job: help a busy business owner understand it in seconds and start for free.
That makes the landing page the first thing a new visitor sees, and it has to explain the product quickly.
The page was made of several sections, and they did not match each other. Each one looked fine alone, but together they felt like pieces from different pages. A visitor who senses that kind of inconsistency tends to trust a product a little less.
The Plan: What I Built First and What I Left Out
I did not redesign the whole page. I chose four sections and made them match:
- Business examples ("What LERE could look like in your business"), which shows five example businesses: a salon owner, a therapist, a tutor, a fitness coach and a consultant
- Customer journey ("Make Booking Easy for Your Customers Too"), which walks through four steps: find the link, choose a time, book and pay, get a confirmed appointment
- Getting started ("You Don't Need to Be a Tech Expert"), which gives a new user five steps from creating an account to taking bookings
- Final call to action ("Let LERE handle the bookings. You get back to what you do best."), the closing section with a "Get Started Free" button
I left the rest of the page alone, and I kept the existing images in the business examples section. Replacing everything at once costs more, takes longer and makes it harder to tell what helped. If you are planning something similar, how to validate your SaaS idea covers why starting small matters.
How the Build Went
Stage 1: Agreeing the rules
Before changing anything, we fixed a small set of design rules. The page would use only three colors: navy, orange and white. Lighter versions of those colors, made by making them more transparent, were allowed, and nothing else was.
A fixed palette is a simple way to make separate sections feel like one page.
Stage 2: Restyling the sections one at a time
I restyled each section to follow the same rules, so that spacing, headings and colors agreed with each other. The customer journey section was made dark, which gives the page a change of rhythm in the middle.
Stage 3: Simplifying the closing section
The final call to action is where a visitor decides. I made it centered and flat: no phone mockup, no gradients, no glowing effects and no shadows. When a closing section has fewer things competing for attention, the button is easier to notice.
Stage 4: Review and client update
After the restyling, I checked that the four sections matched each other. The client then wanted a short update on what had changed, so I wrote one.
A Constraint I Had to Work Within
The hardest part was not adding things. It was making sections look alike without replacing what already worked. The brief was to keep the existing images in the business examples section and to stay within three colors.
So the matching had to come from spacing, headings, background colors and layout, not from new pictures or effects. Working inside tight limits is common in real projects, and it usually produces a cleaner result than starting with no rules.
The Result
The four sections now share one palette and one visual style, and the closing section is simpler and flatter than before. The client asked for a short update on what changed, and I wrote one.
I do not have traffic, sign-up or sales numbers for this project, so I am not going to give you any. I would rather tell you that than give you one I cannot back up.
How long it took and what it cost: not shared.
What I Would Do Differently
I would agree on one measurable goal with the client at the start, such as sign-ups from the landing page, so that the result can be checked in numbers and not only by how the page looks. A redesign is easier to judge when you know in advance what success means.
Is a Project Like This Right for You?
It fits you if:
- You already have a landing page or product, and it looks inconsistent or dated
- You want a clear, focused improvement, not a full rebuild
- You can give feedback quickly and agree on a few clear rules at the start
It does not fit you if:
- You need a brand new product built from nothing, which is a bigger project. I explain the first steps in MVP vs prototype
- You do not yet know who your customers are or what you are selling
- You want a result that nobody can promise, such as guaranteed sign-ups
If you do want to build a whole product, I cover the technical side in how to build a SaaS with Next.js and MongoDB.
What to Send Me If You Want Something Similar
If you want help with a landing page, a redesign or a whole SaaS product, send me three things: your goal, your budget range and your deadline. Add a link to your current page and a few examples you like.
I will tell you honestly whether I am the right person for it. You can see what I take on at my services page, and you can send your details through pixelanas.com/contact.
Anas, full-stack Next.js developer building custom websites, SaaS products and premium templates.
