HTML5 Asset development


A leading educational publisher in South Africa creating world-class educational content for learners from pre-school to Grade 12 had a requirement to create digital assets. The project involved the design and development of one-of-a-kind English Home Language Grade 4 animations. The goal was to develop highly engaging HTML5 assets targeting specific academic skills. diacriTech was the preferred partner of choice for their HTML5 development services.

diacriTech's experience in educational publishing spans 20 years, leading to expertise in developing feature-packed yet cost-effective HTML5 content for K-12 Curriculum that can be used across multiple platforms and browsers.

Project Details

The project involved creating 22 English Home Language Grade 4 animations for teaching new concepts including worked examples, simulations, and interactive activities with feedback. To ensure a uniform look and feel, all assets had to be developed in compliance with specified asset style guidelines. All the artwork/scenes involved in animation had to be created by incorporating culture sensitivity standards suitable to the South African market. Besides this, voice overs had to be recorded and added to animation ensuring that the quality of the audio was above standard. Video clips in different formats to suit different digital environments was the expected output delivery format. For diacriTech team, the challenge was about meeting the volume and complexity levels of artwork requirements plus testing responsive design on all devices; a time consuming task within the expected turnaround time.

diacriTech's solution

The first step was allocating a team of experienced professionals (HTML5 animation developers and Graphic Designers) to carry out the task. diacriTech's cloud-based ERP system played a key role to adeptly integrate resources with the relevant tasks. The assets were developed using HTML5, jQuery, and CSS3. The graphics team worked commendably on getting each batch of artwork corresponding to a video approved. A standard procedure was used to ensure that the images were created as per customer's specification before proceeding with development of animation. Integrating UX and Instructional Design principles regarding multimedia, contiguity, personalization, and feedback was essential to craft an effective digital learning experience. Technical and functional level checks for all assets were carried out by developers, testers, and Quality Assurance Group at relevant stages. A dedicated project manager, also the primary conduit for day to day communications with client managed and tracked the feedback-driven changes effectively.


The first project was successfully completed within scheduled deadline. HTML5 videos created an avenue for the client to reach out to a wider target audience. The client being impressed with our commitment and professionalism, proceeded to give us more opportunities in HTML5 animation development.


"Thank you for the amazing work you have done on these they are outstanding and I truly think the children will love them."

HTML5 presents a goldmine of capabilities to use animation as a teaching tool. The combination of JavaScript, HTML5, and CSS3 is a tried and true method for creating outstanding animations. Educators looking for ways to disseminate knowledge through active learning experiences can get started today by contacting us at