Elsie really gravitated towards a light grass green while I gravitated towards a minimal, simple look. I didn't want to overpower the potential customer with an onslaught of divs and illustrations saturated with color, so I designated the light grass green to only the buttons and font underlines. The green is used as a visual anchor that attracts the eye because this is quite effective for a call-to-action button.
The homepage hero animation I decided to be a three-part experience to Rootalky's learning/teaching process. As the user scrolls down, the hero animation scrolls to the right, revealing each part of the process: the student's greeting, the data stream flowing across the Earth, and the teacher's response.
I would've liked to be on location for the direction and filming of the original video in order to control the setting a bit better. Ideally, I wanted the narrator, Sleem, to be against a minimal backdrop. Unfortunately, he was recorded against a complex bookshelf and plaid couch pattern and the raw footage was rather dark. Each clip also had a different level of darkness so I had to normalize them with different color correction settings on each clip.
Below you can see a weekly calendar that shows only the selected teacher's available times. A little zig-zag indicator line shows a break in the teacher's availability letting a student know that they can't book a back-to-back 50-minute session across that line.