Actively Learn

Background

Actively Learn is a digital platform offered to middle school & high school teachers, students, and administrators. This educational tool allows teachers to be able to post content and increase student engagement and interaction. Students can ask questions, look up words, comment on confusing sections, and translate text. Teachers are then able to track student progress and provide feedback on the platform. The purpose of our project is to redesign the external website to encourage exploration and educate users. In addition to the architecture and usability of the website, we hope to incorporate meaningful content including the company’s core principle of ASR (Activate Support Reveal), which is the foundation of how Actively Learn works.

Challenges

  • Client already paid a design agency for web redesign

  • Client vs user requirement

  • Limited access to target users

  • Responsive web, front-end work

Goals for Redesign

Business: To increase teachers' signup rate

Branding: To communicate the company's core pedagogy idea: ASR (Activate, Support Reveal) 

Usability: To easily inform audience about Actively Learn's features and different pricing options 

Design: Informative, clear, logical, formal/professional

Original Webpage & Key Problems

image-asset.jpeg

Persona

Based on the client interview, our team found that their target users are high/middle school teachers and administrators. We created two personas who possibly need online reading platform.  

Card Sorting

This process helps us to categorize contents options on Actively Learn webpages. Our team selects 30 main tasks that users can experience on the website. Then, we conduct card sorting with ten participants on OptimalWorkshop.com. Following images are analyzed data from the ten participants.

Information Architecture

From the result of card sorting, we create Information Architecture to organize menu options on redesigned web pages.   

Low Fidelity Prototype

User Testing

5 participants key findings

  • Homepage not very informative

  • Testimonial not trustable

  • Too much “philosophy”, too little “product"

  • Navigation submenus not used

Updated Prototype

Apply user feedback to updated prototype

image-asset (3).jpeg
image-asset (4).jpeg

Other Pages

Price.png
about+us.png
product.png

Final Design

Screen+Shot+2017-06-20+at+12.49.17+PM.png

Comparison Between Original and Final Pages

image-asset (5).jpeg
Previous
Previous

Kiko

Next
Next

LG G Flex 2