Website · Mac app

Pouchette

A product site built on one idea: every line has a source.

Role Website design and development.

Pouchette is a Mac app that records meetings on the computer and writes notes where every line links back to the moment it was said. The site had to make that idea clear in seconds, back up its privacy claims, and lead to one action: download.

Product: A macOS app, free to download
Themes: Light and dark, both designed
Accessibility: WCAG 2.1 AA, checked on every line of text
Motion: Every animation plays once; nothing loops
Weight: 71 KB of JavaScript, compressed
Mockups: Built in code from the app's own interface

01

One idea, taken from the product

Pouchette's difference is that its notes cite their sources. The site turns that into a single stitched thread: on the opening screen it runs from a line of notes to the moment it was said, the recording seeks to it and the sentence plays back. The same thread returns, small, in every section.

Pouchette's live capture window recreated in code: topics on the left, live notes with a citation on every point, and the transcript on the right, with a stitched thread from a new note to the line it came from — Live notes, each line tied to the transcript

An answer to 'How do rollbacks work again?' made of three cited sentences, each stitched to the meeting it came from — One answer, threaded to three meetings

Pouchette's opening screen on a phone: the app icon, the headline, the download button and the start of the example note — The opening screen on a phone

02

Private, and able to prove it

The privacy section states every data flow in one place, and each claim carries a small source marker, like the app's own notes. Opening one shows the exact sentence from the site's privacy, consent or verification page, with a link to it.

A dark section listing what leaves the Mac and when, with one claim's source opened: a quoted sentence from the privacy page and a link to it — A claim, opened to its source

The same privacy list on a phone in dark mode, with a source card open under the audio claim — The privacy list on a phone, in dark mode

03

Real materials, in both themes

The app's icon is a stitched leather pouch, so the site borrows its materials: paper for the page, stitching for the thread, and leather for the closing call, where a note tucks into the pouch. Dark mode is designed too, lit by a single warm lamp.

The closing call on a stitched leather panel: the app icon with a note tucked into it, the headline 'Your next meeting, remembered.' and the first-launch steps — The closing call, on leather

Pouchette's opening screen in dark mode, warmly lit in the top left corner — The opening screen in dark mode

The leather closing call on a phone, with the note tucked into the pouch and the download button — The closing call on a phone

What we delivered.

A light-and-dark product site with one signature motif, product mockups built in code, a cited privacy section and a single download path.

The Pouchette app, brand and product content belong to Pouchette.

Discuss a website See the Websites page

Next caseDiplomagiya