Product before lengthy explanation
The hero combines a concise proposition, a CTA and product visualisations. Screens give the service a concrete reference; the dark contrast and blue accents establish hierarchy.
Diese Fallstudie wird in der englischen Originalfassung gezeigt.
Context
Cognitive longevity needs explanation: visitors must connect cognitive skills, how the service works and its relevance to everyday life. A long page can lose that connection when science, features and calls to action all compete at the same level.
I designed and created the landing page to organise that discovery into chapters. The dark visual direction frames the product imagery, while navigation and headings distinguish the proposition, skills, process and frequently asked questions. The documented journey ends at the platform entry points, without assuming what happens after registration.
Reading and interaction flow
An editorial synthesis of the presented materials, prepared for this case. It is not a documented production or research workflow.
- Understand relevance
- Explore cognitive skills
- Understand the process
- Resolve questions and continue
Created to explain the existing delivery. This is not an original wireframe from the design process.
Meine Rolle
UX/UI design and landing page creation. My contribution in this case is the product discovery experience: page structure, interface, visual direction and connection to the CogniFit platform.
Problem
How can a cognitive longevity proposition become understandable before a visitor starts registration? The interface challenge is to turn a long page into clear reading decisions.
Constraints
Research
Options considered
Decisions & why
Break complexity into chapters
Navigation separates relevance, science, process, audiences and FAQs. Cognitive skills are grouped and can be explored interactively rather than presented as one uninterrupted text block.
Connect information and action
Calls to action recur throughout the narrative. The page also presents access across devices. The journey shown is the landing page journey; registration completion is not demonstrated in this case.
A reading of the presented artefacts, not a reconstructed research or testing process.
Components & system
The visible system combines dark surfaces, blue accents, chapter navigation, skill groups, device compositions and recurring calls to action. These patterns let the content vary without repeatedly changing the interface language. This inventory analyses the delivered page; it does not claim that a complete design-system library was released.
Outcome
A published landing page with content architecture, UI, product visualisations and platform entry points. The live site and local files document the delivery.
Visit the published website ↗