Page builder

A 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.

Try it

Compared with today

The current frontpage editor in im-web (commit 97870a1) against this feature.

AreaTodayPage builder
PagesOne front pageFront page and any number of landing pages, from templates or copies
LanguagesNoneNorwegian, English, Swedish for every text, with what’s missing shown in place
DraftsEvery publish is liveA draft that autosaves; visitors see the published version
PublishingPublish everything, uncheckedPublish the languages that are ready, now or at a set time
ValidationRequired fields accept empty textErrors block publishing, warnings ask for judgement, both point to the block
HistoryKept but hiddenEvery published version, compared with the draft, restorable
UndoButtons that do nothingUndo and redo for every change
EditingA form beside a previewType into the page itself, or use the inspector
SectionsCan’t be removed once addedAdd anywhere, drag to reorder, duplicate, hide, delete
ImagesCopied records and URLs that go staleRelations to the archive with focal point, crop and alt text per language
CreditsHero only, for screen readersWith every image, in the page’s language, from the record
Image sourcesEditorial SDL only, picked by handEditorial and creative, by hand or from a saved search
ResponsiveSome sections have no mobile layoutDesktop, tablet and phone previews of the real layout
Navigation and footerHardcoded, overwritten on publishEdited per language, with its own draft and publish

How images work

A page never copies an image. It points to the record and keeps only what belongs to this one use.

The record in the archive

Preview, headline, creator and credit, supplier instructions. Owned by the archive; can change.

The relation on the page

Which record (id), focal point, shape, alt text per language, and whether it links to the image in the portal.

What visitors see

Today's preview, cropped around the focal point, with “Foto: creator / credit” in their language.

Because it's a relation, every image knows where it's used (“Where is this image used?”), and a removed record shows up as an error before publishing instead of a broken image.

What a page builder still needs

Not built here. Some need decisions first; the lifecycle chart marks the open questions.

People and process

  • Roles: who may edit, who may publish. Approval before publishing (four eyes), at least for the front page.
  • Comments on a draft, and notifying someone to review.
  • Two editors on the same page at once: today the last save wins.
  • An audit log of who changed what.

Images and media

  • Video and albums as sources; upload of tenant-owned images.
  • Different crops per device, not only a focal point.
  • Real usage rights: which images may be used in marketing, from the rights data, not a heuristic.
  • Warnings when a used image is withdrawn or its rights change after publishing.

Pages and site

  • A page tree and navigation built from it; breadcrumbs.
  • Redirects when an address changes or a page is unpublished.
  • Reusable sections shared between pages (e.g. one contact band everywhere).
  • Scheduled unpublishing for campaigns that end.
  • Search engine image, social sharing previews, sitemap.

Languages

  • A translation workflow: mark text as changed since translated, send to a translator, machine translation as a first draft.
  • Admin in Norwegian and Swedish (the admin is English only today).
  • Per-language images where a picture only fits one market.

Quality

  • Automatic accessibility checks: contrast of text on images, heading order.
  • Link checking for web addresses.
  • Page analytics: which blocks get clicks.

Decisions made while building are in Page builder: decisions.