Skip to content
← BACK

Case study · product

Bibit Landing Page Redesign

A landing page redesign that didn't ship, and taught me to decide before I design.

Role
Product Designer
Client
Bibit
Year
2021

Bibit Landing Page Redesign — case study cover

In 2021, Bibit’s design team ran an internal exploration to rebuild the homepage and landing page. We split into small groups, each chasing a different direction. I was on Venus Team. This was early in my career, and I was still learning how product, marketing, engineering, and craft collide inside a single design decision. We built a direction I stood behind. It didn’t ship. I’m writing it up anyway, because the reason it lost is the most useful thing I carried out of that year.

The problem

The old landing page had two gaps. The visual direction looked dated, and the information architecture didn’t explain mutual fund investing to people who had never invested before. Bibit onboards first-time investors, so the page had to do more than look clean. It had to build trust, explain the product, and answer the hesitation that stops someone before they download the app.

The Bibit landing page we started from: a single hero, an app screenshot, and store badges, with little room to explain the product to a first-time investor.

The starting point. Clean enough, but it leaves a first-time investor’s questions unanswered.

We opened with a co-creation session. Everyone brought observations and ideas, and we agreed on the sections we thought the page needed: a stronger hero, trust signals, product explanation, value proposition, features, conversion points. We thought we were designing the right structure. We were designing from our own assumptions.

Strategy board for helping first-time investors start with confidence: the key questions to answer and a landing-page funnel from hero to value proposition, social proof, product storytelling, a single clear CTA, and FAQ.

We mapped the funnel from the inside out, before we had tested which of those sections a user actually needed.

The exploration

We explored several directions instead of committing early. Each one answered the same question from a different angle: how should Bibit introduce itself to a first-time investor? Some leaned on visual freshness, some on education and trust, some stripped the story down, some gave product explanation more room.

Two directions side by side under the line “Two distinct paths, same mission”: Version A leans warm and human with a living plan and heavier content, Version B uses a cleaner hero, focused sections, and a starter page.

Two of the directions we compared. Different stories, different layouts, same untested question underneath.

Comparing them exposed the weak part of our process. We produced alternatives fast, but we had not validated which user hesitation mattered most, which message belonged first, or what the business needed the page to prioritize. The designs improved. The way we chose between them did not.

The validation

To cut down our assumptions, we took the work to stakeholders, PMs, marketing, and engineering. The feedback changed the conversation.

Some of it questioned whether sections we had treated as essential were useful at all. Some flagged unclear content around safety, fees, tax, and the investment simulation: is this legal, what does the commission actually cost, is tax really zero. Engineering showed us which interactions would cost more than they returned, and which feature explanations, like the robo-advisor and auto-rebalance, still confused people who read them.

Feedback synthesis grouped by section: hero, data trust, value proposition, features, simulation, and copywriting, with questions on legality, fees, tax, and the robo-advisor explanation.

The feedback, grouped by section. Most of it was about content and trust, not visuals.

That feedback is where the project earned its place. A landing page is not a visual composition. It is business, product, content, trust, and technical limits arranged into one story. A cleaner interface was never going to carry that alone.

The revision

We revised instead of restarting. We tightened the structure, reworked the flow, and put more weight on trust, product value, the investment simulation, reassurance, and clearer paths to action. It was the strongest version we had made.

The revised landing page laid out as four panels: a beginner-focused hero with the value props and investment simulation, the robo-advisor and OJK-licensed trust block, Nobel-research framing with testimonials and an FAQ, and the partners and closing call to action.

The direction we landed on, top to bottom: lead with the offer, build trust through who holds your money and what protects the account, then answer the first-timer’s questions before the final call to action. Stronger structure and trust signals, but the alignment question underneath it stayed open.

In the final decision, another team’s direction became the new Bibit landing page. Ours did not.

Why it didn’t ship

Losing stung. We had explored, argued, revised, and presented something we believed in, and it still did not ship. The lesson took longer to arrive than the disappointment.

The project was not a failure for staying unlaunched. It would only have been a failure if I walked away without reading why it lost. It lost because a good-looking page was never the real question. The question was alignment: what job the page was doing, and whether product, marketing, and engineering agreed on that job before anyone opened Figma. We answered the craft and skipped the agreement.

What I would do differently

I would slow down before the visual exploration. First I would pin the page’s primary job. Acquisition, education, trust, app installs, brand refresh: each one builds a different page. Then I would pull marketing, product, and engineering in at the start, not as reviewers at the end. For a landing page they are part of the strategy, not a checkpoint.

I would set the evaluation criteria before comparing versions, so the question stops being which one looks better and becomes:

  • Does it answer the user’s biggest hesitation?
  • Does the story move from awareness to trust to action?
  • Does it serve the business goal?
  • Can the team build and maintain it?
  • Is every section earning its place?

Those questions would have settled the direction earlier, before we got attached to execution.

What I took from it

I was chasing craft then. I cared about structure and making the page feel better, and that mattered, but it was not the gap. The gap was knowing which questions to ask before designing, which assumptions to test, and who to bring into the room early.

It also changed how I think about a portfolio. The shipped, polished screens are not the whole record. The rejected directions and the calls that went against me shaped my judgment as much as the wins. This redesign never became Bibit’s landing page. It is still one of the projects that taught me the most.

NextStockbit Design System