Wordpress Plugin & Website. Designed everything from the ground up or used free resources. Did the Jetson-esque characters in illustrator. It’s incomplete but I might update it soon.
The stars move around with the mouse, except the js I borrowed and hacked for the effect doesn’t use real 3D Canvas and OpenGL to render. Which means if you’re on a slow machine it will crawl. So have to replace this with something better.
It used the motion sensors in the device to move the stars around originally, but had to disable it at the time because of performance issues. Probably no issue today though!
A quick video incase the website link is not working.
I designed the back-end UI to be very playful. The target was educational basically. Sort of big, happy, rounded and reliable.
Everything should be able to be previewed in the editor, unlike the default Wordpress WYSIWYG editor which does not show how it is going to look.
Background images can be stretched, tiled or original size.
Media, transitions, colours, all had to fit within the theme being chosen. They could pick their own of course, but running it on themes allowed less to go wrong if the user didn't have much design experience.
A help menu is important incase you forget those fancy keyboard shortcuts!
The idea was to create a full set of examples which used other Wordpress plugins like maths to demonstrate it in educational purposes, but also to show it being utilised in the Wordpress plugin ecosystem.
There are a bunch of transitions based on the revealJS library.
Fragments are when each part loads in the same slide. I created a code style to match it to the style guide.