- Homepage redesign kept several proven elements rather than replacing them
- 3D MacBook and iPhone mock-ups kept, with refreshed dashboard screenshots
- Horizontal and vertical scrolling sections kept their original behaviour
The cfin.be homepage redesign did not throw out everything and start again. On the homepage specifically, we kept the realistic 3D device mock-ups and the scrolling sections that explain how the service works and how the Vault builds up over time, because these parts already explained the product well and customers already liked them.
What changed
We kept the realistic 3D device mock-ups — the MacBook and iPhone with real, refreshed screenshots of the actual dashboard. We also kept the horizontal and vertical scrolling sections that walk through how the service works and how the Vault builds up over time.
These sections keep their original scrolling behaviour and visual depth. They have simply been restyled with the new type, colour and cards.
Why it matters
These elements were already well-liked and effective at explaining the product. A redesign that threw them away purely for the sake of change would have been a step backwards.
Our approach throughout this project has been simple: restyle what needs restyling, and keep what already works.
What you need to do
Nothing. If you are a returning visitor to cfin.be, the homepage should feel familiar in its structure while looking noticeably more polished.
In detail
- The homepage's 3D MacBook and iPhone device mock-ups were kept, with screenshots recaptured from the real, redesigned product.
- The horizontal scrolling section describing how the service works, stage by stage, kept its pinned scrolling behaviour.
- The vertical scrolling section telling the Vault's story over time kept its sticky, choreographed structure.
- The alpha/beta notice banner on public pages was also kept, unchanged in meaning.
One more thing
Deciding what to keep took as much deliberate thought as deciding what to change. The scrolling sections and the realistic device mock-ups had already proven themselves as some of the most effective parts of the old homepage, so redesigning them purely for novelty's sake would have been change for its own sake rather than improvement.
Expect this principle to continue: as more of the product moves to the new design, anything that already works well for customers will be restyled rather than reinvented.