What follows is a breakdown of the findings that guided our redesign and overall product improvement journey.
Results Achieved
Development team efficiency through streamlined design resources.
Frustration clicks reduced according to Microsoft Clarity data.
Conversion rate improved based on company yearly reports.
Our approach followed a clear design path. We began by uncovering user pain points, defined priorities, explored new ideas, and tested solutions until results proved measurable.
To better understand where users struggle, we analyzed feedback and identified key recurring issues. The following themes emerged as the main pain points:
I’ve used a few landing page builders before, but the editor in LanderLab was surprisingly difficult to navigate. The interface feels cluttered, and there’s no clear visual hierarchy to guide you through the process. I often found myself clicking randomly just to figure out how to change something as basic as padding or text alignment. It’s not that the features aren’t there - it’s just that they’re not easy to find or understand without prior experience or documentation.
I picked LanderLab for its A/B testing, but finding it wasn’t easy. It’s buried in the settings and there’s no clear guidance - it should be way more visible for such a key feature.
The platform has potential, but it’s not beginner-friendly. There’s no onboarding or hints, and even simple actions like editing layouts feel harder than they should be.
From our research, several core pain points emerged that revealed where users needed the most support
Bad selectionElement selection is inconsistent and often mis-clicks.
Ai implementationAI outputs feel random and not workflow-friendly.
confusing elements sidebarToo many items, no clear hierarchy for quick use.
Overall editor UXBasic actions take extra steps, slowing down tasks.Difficult SidebarKey settings are buried, making edits harder to find.
A toolbar beneath the canvas displays the full hierarchy of parent and child elements. This makes it easy to move through layers without losing context.
Solution: Users can select any element quickly from the breadcrumb trail, reducing mis-clicks and speeding up navigation.
The editor includes a structured layer view that organizes every element clearly. Users can expand, collapse, and reorder layouts with precision.
Solution: A visual hierarchy makes complex pages manageable, letting users select and adjust elements with confidence.
This collection highlights a set of interface components designed to refine the editor experience as a whole. Rather than isolating each improvement, it demonstrates how modals, drawers, panels, and inline editors work together to simplify complex interactions and create a more cohesive workflow. These adaptive elements address various usability and accessibility needs across the editor, improving clarity and consistency.
Since showcasing each issue would make the case study too long, these elements are grouped as a collective showcase of improvements that enhanced both the UI and sidebar experience.
AI plays an important role in improving the editor, and we began its integration with text generation. Many users struggled to finish pages due to writing delays, so we introduced contextual AI tools that generate or refine copy directly inside the editor. This made content creation faster, smoother, and more consistent across landing pages.
AI was also applied to visuals with image generation. Users can now create custom images by describing them directly in the editor, keeping creativity flowing without switching tools.
Create a flying car, a blue Beetle with propeller tires, the photo is blurry and it is daytime.
The AI Copilot takes creation in LanderLab to the next level. Instead of focusing on one element at a time, it understands context and builds complete landing page sections based on user prompts. By combining layout, structure, and copy suggestions, the Copilot helps users move from idea to implementation in seconds.
This system bridges the gap between creativity and efficiency. Users can describe what they need - like a pricing section, testimonial layout, or product feature block - and Copilot instantly generates a tailored version ready to customize. It reduces setup time, eliminates repetitive steps, and keeps the focus on creative decisions rather than manual adjustments.
More than a design assistant, the AI Copilot acts as a collaborative partner inside the editor, helping teams maintain momentum and consistency while building high-quality landing pages faster than ever before.
In LanderLab, the idea of gamification was explored as a way to make the overall experience feel more interactive and enjoyable. The focus was on creating a smoother sense of progress and engagement while keeping the interface simple and intuitive.
Landing Page Name No1 
landingpagenameno1.com5,2463030
Landing Page Name No1 
landingpagenameno1.com3,2465050
Landing Page Name No1 
landingpagenameno1.com2,246246246
Landing Page Name No2landingpagenameno1.com1,24611
Landing Page Name No2landingpagenameno1.com24622
1-5 of 20A gamified leaderboard highlights top-performing landing pages with gold, silver, and bronze badges. This simple addition brings a sense of achievement and friendly competition to the LanderLab experience.
To make key moments feel more rewarding, confetti-style notifications appear when users complete their first major action - like connecting a domain. This small touch adds delight and reinforces progress through positive feedback.
The redesigned LanderLab brings together all the improvements made throughout the process - from refined structure and AI-powered features to small gamified details that enhance engagement. Every change was made to create a builder that feels intuitive, efficient, and enjoyable to use. The result is a cohesive experience that balances creativity, clarity, and performance.
Personal Non Comercial Project Created by Endi Saliaj
