Diese Fallstudie wird in der englischen Originalfassung gezeigt.

← Alle Projekte

Web design

CogniFit · IQ Test

Give curiosity a form.

Web page design and creation.
CogniFit · IQ Test — website preview in MacBook Pro

Context

The IQ Test page introduces a reasoning assessment to people who are still deciding whether to begin. Before the test, the interface needs to explain the experience, provide context for the assessed abilities and make the entry point clear. The challenge is to balance visual curiosity with information that supports that decision.

My contribution was UX/UI design and creation of the landing page. A three-dimensional cube provides the visual entry point, with blue accents and light surfaces connecting the presentation to CogniFit. The content sequence connects the initial proposition to the assessment explanation, the results being presented and frequently asked questions. The acquisition page and the assessment itself are distinct scopes.

Reading and interaction flow

An editorial synthesis of the presented materials, prepared for this case. It is not a documented production or research workflow.

  1. Identify the test proposition
  2. Explore assessed abilities
  3. Understand the results presentation
  4. Resolve questions and begin
Page structure · reading schematic

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 do you introduce an interactive reasoning assessment to someone looking for an IQ test? The page needs to explain the experience, the skills involved and score interpretation before inviting visitors to begin.

Constraints

Research

Options considered

Decisions & why

Show the type of experience

The three-dimensional cube puts visual reasoning at the centre of the first impression. Labels connect the object to cognitive skills. The composition brings communication closer to product behaviour without reproducing the full assessment.

Answer before asking for a decision

Comparison, skills, process and score interpretation structure the explanation. The sequence moves from initial curiosity to a concrete description of what the assessment involves.

Add depth without interrupting reading

Validation details and FAQs use expandable content. Supporting information remains available to readers who need it, while CTAs retain a recognisable action throughout the page.

A reading of the presented artefacts, not a reconstructed research or testing process.

Components & system

The visible component set includes the hero, primary CTA, capability blocks, result presentation and expandable content. Hierarchy separates the main action from supporting information. The cube is a communication device, not a substitute for information architecture. Exact tokens, variants and states should be tied to source files before being presented as system documentation.

Outcome

A published page combining visual presentation, product explanation, supporting information and an entry point to the assessment.

Visit the published website ↗

Learnings