Image Portal prototypes and features

Ideas for the Image Portal, tested with users and discussed in the team before they reach im-web. Mock data, no real backend.

Prototypes

• Baseline6 pagesToday's model: main group, license group, product, base prices.
• Product admin6 pagesThe product admin redesigned from the 2026-09-30 user tests: one setup page with a checklist through to Publish, "All except" filters, licenses priced on the product, and a customer view.

Features

• Design system4 pagesColours, type, spacing and components taken from www.ntb.no, measured in the browser, written down as tokens, and used by this repo's docs. For designers, developers and anyone checking a prototype against the brand.
• Documentation skills4 pagesThree real subjects, each documented by five methods from the same brief. Unedited, side by side.
• im-web help pages1 pagesHelp pages for product config in the admin, one per kind: tutorial, how-to, reference and explanation.
• Image grid4 pagesSearch results as on bilder.ntb.no: justified rows or a grid with captions, a size slider, virtualized and loading more as you scroll.
• Order flow4 pagesThe UX order-handling board (FigJam) as a clickable statechart, with the gaps filled in and lessons on reading state machines.
• Page builder4 pagesA page builder for the public site, made from scratch to replace the frontpage editor. Several pages, three languages, drafts and scheduled publishing, and images that stay linked to the archive.
• Presentations1 pagesSlide decks made in this repo, each with a Present button.
• Receipt3 pagesAn order receipt as an A4 page and a PDF, made from the same React component. Presented here for discussion: is this how im-web should make receipts?
• Visual galleries1 pagesWhat Claude makes when nothing limits the format: charts, typography, page templates and ideas, each numbered so we can pick.