# Hinterland: Case Study | Gr8r Studio > Hinterland: a calm, illustrated atlas of the inner life. An editorial publication about mental health, with plain-language topics, essays, short practices and a clear route to support, drawn in one engraved illustration style. Source: https://gr8rstudio.com/work/hinterland # Hinterland: a calm, illustrated atlas of the inner life. An editorial publication about mental health, with plain-language topics, essays, short practices and a clear route to support, drawn in one engraved illustration style. Built by Gr8r for its own portfolio. Not client work. Client Hinterland Project Editorial website Platforms Website, desktop and mobile - [Brand Identity](https://gr8rstudio.com/services/brand-identity) [Visit the website](https://hinterland-plum.vercel.app/)[Discuss your website](https://gr8rstudio.com/contact) The problem ## Write about mental health without adding weight. People reading about anxiety, low mood or grief are often tired, worried or short of time. Much of what they find is clinical, alarming or trying to sell them something. The site had to read plainly, feel calm, and never leave help more than one step away. - 1Clinical or alarming language pushes readers away - 2Readers arrive in very different states - 3Help needs to be easy to find from every page Where the visit starts: one plain sentence about the publication and two ways in. Support sits on the homepage too, with helplines for where you are and the date they were checked. The workflow ## From arriving to finding what helps. 1. 1 Arrive Pick the word closest to how you feel, or none. 2. 2 Read Open a topic or an essay and read at your own pace. 3. 3 Practise Try a short guided practice that needs no account. 4. 4 Reach out Find a helpline or a service when you need more. The website ## Built for reading slowly. Four parts of the site carry most visits. Each pairs plain writing with a hand-drawn illustration and keeps the next step close. 1. Topics ### Twelve topics, in chapters Each topic is split into five chapters, from what it can feel like to when to seek support, with a contents list that follows you down the page. 2. Check-in ### A word, not a score Choose one of eight words and the page answers with a line, a short thought and three places to go next: something to read, try and explore. 3. Tools ### Practices that guide you Paced breathing counts each breath in and out as a ring widens and draws in around an engraved moon, with time left, pause and reset. 4. Resources ### A directory you can narrow 48 entries in nine sections, from guides on the site to outside organisations, with search, section filters and a type filter. Engineering ## Quiet interactions that stay out of the way. The site is a React single-page app with client-side routing. Site-wide search opens with the / key and closes with Esc. The check-in word and the resource filters are kept in the page address, so a view can be shared as it is. Scrolling is smoothed, and the CSS includes reduced-motion rules throughout. - Search on the / key, grouped by type - Filters and check-in kept in the URL - Reduced-motion rules throughout - Responsive down to phone width 1. Find: search everything from one box 2. Browse: twelve topics, each with its own drawing 3. Reach: helplines one step from the homepage Outcomes ## Designed to make difficult subjects easier to approach. What the website demonstrably does. Measured results will be added only with evidence and approval. - ### Plain writing, in chapters Every topic follows the same five chapters, from how it can feel to when to seek support. - ### Practices without an account The tools run in the browser, and the site says that nothing you type leaves the device. - ### Support always close Support is in the header of every page, with helplines on the homepage and a full support page. ## Publishing on a sensitive subject? Gr8r helps teams turn careful writing into calm, well-crafted websites. [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) - [WebsiteLearningKnowspaceA zoomable canvas of surprising facts, explored by topic, search and a small daily goal. Read the case study ](https://gr8rstudio.com/work/knowspace) - [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