Large Educational Site

12/21/2015 - ⇨ 

Hype is a powerful tool for developing educational projects.

Using Hype’s Timeline and built-in Actions, it is easy for a novice to create animated or interactive scenarios.When more features are needed, Hype also integrates extremely well with JavaScript.

A good example of a large, complex educational project created with Hype is the Smart Decisions financial e-Learning course The online course explains basic financial information for students and the public. Funded by CitiBank, Smart Decisions was developed by Creative Cat Media in collaboration with the Dallas County Community College District in Dallas, Texas, USA.

This is a complex Hype project with a lot of content. In order to make it rich with the features below, we used Hype’s built-in interactivity and animation tools, as well as a fair amount of JavaScript. We also created all the illustrations and interface elements.

Some features include:

  • 6 sections, 145 screens, and 1000+ SVG graphics
  • 3 responsive menus that stick to the bottom, right, and lower right of the browser window
  • Persistent symbols
  • Audio voice-overs and controls
  • Option to display full text of the voice overs
  • Self-check quizzes
  • Interactive activities
  • Bookmarking using localStorage
  • Significant use of JavaScript
  • Dual languages: English and Spanish

Written by: John Purdy       Creative Cat media
  view site in the gallery


I like itLoading...

Join a "Year of Fun" and challenge yourself to create a game with Tumult Hype: https://j.mp/3exPDjt
For inspiration, check out a few examples on the forums: https://j.mp/3ar1UVu

Create fancy text shadows with live preview in Tumult Hype 4 and Hype Data Decorator. #BuiltWithHype @hypeapp Check the forum post for more infos: https://forums.tumult.com/t/text-shadow-experiment/18794/6?u=maxzieb

Load More...

Templates by category