01 · digital signage · product UI

viewneo template builder

viewneo’s template builder moved from AngularJS to Vue.js 2, with its UI components developed and documented in Storybook.

Vue.js 2
ES6
CSS3
Storybook
AngularJS
Laravel

Client: viewneo, a digital-signage platform
Role: Lead front-end developer at Soft Group Ukraine
Period: 2019 – 2021

Problem

viewneo is a digital-signage platform. Its users design animated advertising screens in a visual template builder, which was written in AngularJS.

What I built

Led the front end of the builder’s rewrite from AngularJS to Vue.js 2.
A layer-based editor: text, shape and image layers with fonts, colours, positioning and touch interaction.
Editable fields: the template designer marks which fields end users may change.
Export of finished designs as HTML templates.
UI components developed and documented in Storybook.

Result

A Vue.js 2 template builder with a documented component library.

Screens