Denne prosjektstudien vises i den engelske originalversjonen.
Context
CogniFit 5.0 needed a web introduction that made a new product experience understandable before visitors entered the platform. The page brings assessment, training and progress into a discovery narrative. The web design challenge was to prioritise what someone needs to understand: what the product is, what the experience looks like and where to go next.
My contribution was the design and creation of this page. The composition uses app screens as visual evidence, short headlines to guide reading and sections connecting the proposition to the product experience. This case focuses on the public-facing introduction; the screens shown do not, on their own, establish ownership of every in-app flow.
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 the proposition
- Explore product screens
- Connect assessment, training and progress
- Continue to the platform
Created to explain the existing delivery. This is not an original wireframe from the design process.
Min rolle
Web page design and creation.
Problem
The CogniFit 5.0 launch page, with the product at the centre of the story.
Constraints
Research
Options considered
Decisions & why
Large app screens, a centred composition and a sequence that introduces the product progressively.
A reading of the presented artefacts, not a reconstructed research or testing process.
Components & system
The page exposes a clear interface vocabulary: a proposition-led hero, product-screen compositions, section headings, explanatory blocks and product entry points. Repeated hierarchy, colour and scale relationships create consistency. This describes patterns visible in the delivered page; an original component library, token set and state specifications still require their own evidence.
Outcome
Published on CogniFit. The preview is a real website capture; the complete experience can be visited below.
Visit the published website ↗