# Knowspace: Case Study | Gr8r Studio

> Knowspace: a canvas of surprising facts you wander instead of scroll. Bite-sized facts about the human body, space, history and more, laid out on one open canvas you drag, zoom and search, with a short daily goal to keep you curious.

Source: https://gr8rstudio.com/work/knowspace

# Knowspace: a canvas of surprising facts you wander instead of scroll.

Bite-sized facts about the human body, space, history and more, laid out on one open canvas you drag, zoom and search, with a short daily goal to keep you curious.

Built by Gr8r for its own portfolio. Not client work.

Client

Knowspace

Project

Interactive learning website

Platforms

Website, desktop and mobile

- [Motion Design](https://gr8rstudio.com/services/motion-design)

[Visit the website](https://knowscape-seven.vercel.app/)[Discuss your website](https://gr8rstudio.com/contact)

The problem

## Make browsing facts feel like exploring, not scrolling.

Fact sites usually stack items in a feed, so every fact looks the same and nothing invites a second look. Knowspace holds a large library of short facts across sixteen topics, from the human body to everyday things. The site had to let people wander between them, find one subject fast, and still have a reason to stop and read.

- 1Feeds make every fact look the same
- 2A big library is hard to find your way around
- 3Little reason to read more than one

The front door: one line, one button and a ring of objects from the stories inside.

Inside, facts sit on one open canvas around a daily greeting, ready to drag in any direction.

The journey

## From one fact to the next, without a list.

1. 1
Wander
Drag and zoom the canvas, where facts are grouped by topic.
2. 2
Jump
Pick a topic from the side rail or search for anything.
3. 3
Read
Open a card for the short story and the interesting part.
4. 4
Learn
Mark it as learned and move towards today's next medal.

The website

## A library laid out like a room to explore.

Each part keeps the canvas calm: facts appear as photos, cut-out objects, big numbers and short cards, and the detail is one click away.

1. Topics
### Jump straight to a subject
The side rail lists every topic. Choosing Human body moves the canvas there and filters it, with a chip to clear the filter.
2. Reading
### A fact in under a minute
Each card opens to the topic, a read time, a short explanation and “the interesting part”, with Save, Share and Mark as learned.
3. Gather
### Everything about one idea
Search for a word and Knowspace gathers the matching facts from every topic into one small cluster, here six things about the heart.
4. Progress
### A small goal for each day
Twenty facts complete a session. Medals mark the way at five, ten, fifteen and twenty, and recent finds stay one click away.

Engineering

## One large canvas that stays quick to move around.

Knowspace is a React single-page app. The whole library sits on one pannable, zoomable canvas with zoom controls and a button back to the start. Search opens with ⌘K, and the day's progress, saved items and recent finds are kept in the browser. On a phone the canvas is dragged by touch, with a compact toolbar.

- Pan and zoom canvas
- ⌘K search across every topic
- Progress kept in the browser
- Touch layout on mobile

1. Find: search every topic at once
2. Discover: a random mix on demand
3. Move: drag and zoom the canvas

Outcomes

## Designed to make curiosity easy to follow.

What the website demonstrably does. Measured results will be added only with evidence and approval.

- ### Every topic on one canvas
Sixteen topics laid out in one space you can drag, zoom and jump around.
- ### Find anything fast
Search and the topic rail take you to the right facts in one step.
- ### A reason to keep reading
Each learned fact counts towards a daily session of twenty, with medals on the way.

## Building a website people want to explore?

Gr8r helps teams turn a lot of content into a clear, inviting experience and ship it as a working website.

[Discuss your website](https://gr8rstudio.com/contact)

## Next project

- [SaaSCRMCloseCRMA structured CRM for busy sales teams: tasks, deals, records and automation that reps can scan in seconds. Read the case study ](https://gr8rstudio.com/work/closecrm)
- [AISaaSSellerOSOne workspace for marketplace sellers: sales, stock, shipments and profit, with an AI briefing. Read the case study ](https://gr8rstudio.com/work/selleros)
- [AIFintechLedgerOSFinance operations where AI agents handle the routine work and people make the risky calls. Read the case study ](https://gr8rstudio.com/work/ledgeros)
- [SaaSProductivityTask Management AppOne workspace for projects, tasks, deadlines and updates, from each person's list to the company timeline. Read the case study ](https://gr8rstudio.com/work/task-management-app)
- [ProcurementOnboardingVelunoSupplier onboarding with parallel reviews, documents, renewals and a supplier portal in one workspace. Read the case study ](https://gr8rstudio.com/work/veluno)
- [AIAutomationRelayA workflow automation workspace where AI agents run the work and people approve the risky steps. Read the case study ](https://gr8rstudio.com/work/relay)
- [DronesLogisticsSortieMission control for autonomous delivery drones, with a live 3D map of every flight. Read the case study ](https://gr8rstudio.com/work/sortie)
- [LogisticsOperationsAxleA fleet command centre for live tracking, dispatch, safety, compliance and maintenance. Read the case study ](https://gr8rstudio.com/work/axle)
- [HealthcareSaaSCendaraHealthcare claim denials worked to resolution: documents, appeals, reviews and payer replies. Read the case study ](https://gr8rstudio.com/work/cendara)
- [3DLogisticsLoadlineA transport operations platform with 3D load planning, dispatch and live fleet tracking. Read the case study ](https://gr8rstudio.com/work/loadline)
- [WebsiteTravelContrailFlight search where every flight opens a 3D model of its aircraft, so you choose your seat inside the cabin. Read the case study ](https://gr8rstudio.com/work/contrail)
- [WebsiteWellbeingHinterlandAn illustrated mental health publication: topics, essays, short practices and a clear route to support. Read the case study ](https://gr8rstudio.com/work/hinterland)
- [WebsiteAgencyAtlasA design agency website told as a gallery visit, with old master paintings reworked as dot prints. Read the case study ](https://gr8rstudio.com/work/atlas)
- [UX auditProcurementVeluno UX AuditOur own supplier onboarding product, audited like a client’s: 13 findings, 3 high, and what to leave alone. Read the case study ](https://gr8rstudio.com/work/veluno-ux-audit)
- [UX auditHealthcareCendara UX AuditOur own claims product, audited like a client's: 12 findings ranked by impact, from sideways tables to hidden logins. Read the case study ](https://gr8rstudio.com/work/cendara-ux-audit)

Ask Ali