Take On Wall Street was eager to create a new website titled “Is Our Economy Fair,” which would serve as an interactive learning hub for their audience. Their site required separate content galleries that mimic the teaching structure they use when presenting the information face-to-face.
We brought on our friends and trusted partners at L+R to create the content strategy and design of the new website. While they dreamt up the visual direction, our team went to work on the back-end. There were plenty of opportunities to customize unique functionality for a highly engaging user experience.
Line Drawings and SVG Animations
We created SVG (scalable vector graphic) animations to bring content to life. Take a peek at the maps in galleries 1, 2, 4 and 5. The lines being drawn on map 1, gallery 4 are a team favorite.
We implemented horizontal scrolling to help organize the breadth of content, and incorporated scroll triggered animations to help illustrate each section’s lesson. Horizontal scrolling can create usability challenges if a user is expecting the classic top to bottom scroll functionality, so we implemented various instructional elements to support users as they move through each section. It took a lot of brainstorming, experimenting and user feedback, but in the end, we are happy with the way users can move through this rich content.
Galleries, Notebooks + Q&A
We developed a solution for users to answer questions and save their responses throughout their learning journey. As site visitors move through each gallery, they answer multiple choice, sliding scale and open-ended questions. Each time they enter a submission, they get instant feedback on their answer, and their answer is saved in a “notebook.” At the end, they can send their answers to themselves via email.
- Responsive Front-End Development
- Custom Wordpress Development
- Graphic Design