Software herontwerp — 2016

Een Flash-gebaseerde animatietool naar HTML5 brengen

Moovly laat iedereen toe om een animatiefilmpje te maken, dankzij een gemakkelijk te gebruiken interface en een rijke bibliotheek aan beeld, illustratie en video. We hielpen Moovly met een herontwerp van hun interface.

moovly UI

We werkten samen met het Moovly team om een HTML5-gebaseerde animatie tool te bouwen. Gedurende enkele maanden itereerden we op wat nu Moovly Studio heet. Als eindresultaat levereden we een HTML prototype op dat de ontwikkelaars van Moovly tot leven brachten.

Interactieontwerp

Dit was een grote uitdaging op vlak van interactieontwerp. De grootste uitdaging hierin was de tijdslijn, die gedurende het ontwerpproces uitvoerig besproken en herontworpen werd. Met de animatie tool van Moovly kan je heel precieze animaties opbouwen. We hebben gewerkt aan de juiste balans tussen het overzicht bewaren in een grote animatie t.o.v. het het heel precies kunnen werken.

Schaalbare code

Tijdens het maken van de front-end templates voor Moovly hebben we de bewuste keuze gemaakt om frameworks te vermijden en een eigen set HTML/CSS componenten te schrijven, op basis van moderne CSS technieken zoals BEM en ITCSS. Dit leidt tot code die onderhoudbaar is op lange termijn.

Continue verbetering

Na de release van Moovly Studio stopt het verhaal natuurlijk niet. Er wordt voortgebouwd aan het product. We kijken er naar uit om mee te blijven werken aan deze fijne animatietool met het Moovly team.

Mono’s expertise was de sleutel tot succes om een nieuwe interface van wereldklasse te maken voor wat uiteindelijk ons belangrijkste product is geworden: Moovly Studio.
Geert Coppens, CTO, Moovly