From announcement details to a finished image

My work

I designed and built the template collection, editing forms, live previews and image export, including the layout rules for each announcement type.

A solo implementation for an institutional workflow. The source repository is private.

Keep the visual rules, change the content

Each template separates its layout from the names, dates and other fields that change. Empty optional fields can disappear without requiring the user to edit the design.

Preview scale is not output size

The preview adapts to the available screen space. Export retains the defined canvas size, so zooming the editor does not become an accidental crop or a low resolution output.

An output someone can use

The core flow ends with a downloaded JPG, not only an on screen mockup. The recording demonstrates selection, editing and previewing in the original application.

The result

A user can choose a template, enter the announcement details and export a JPG. Seven template routes cover appointment, departure, HR information, condolences and celebrations.