brand: Open English
work performed: user experience, project management, visual design
LP2 is the new award-winning online English learning platform from Open English awarded Best ESL Website by The CompuEd Gazette. With over 100,000 active students, LP2 is an extremely complex enterprise level website involving teams of designers, developers, information architects, academics, and copywriters. Students take live classes with instructors, structured level-based lessons, and fun casual learning activities.
I was responsible for taking the application from concept to implementation and go-live, leading a team in designing the hundreds of pages and interaction flows beyond the original 12 concept pages to make the site functional and intuitive. We built the entire platform from scratch including a backend portal for teachers and admins, over 1300 interactive lessons, a delivery and scheduling system for 24-7 live online classes, and hundreds of hours of casual practice content.
brand: Open English
work performed: experience design, visual design
As part of their continued initiative to streamline operations, Open English required a new online checkout on their site. This was both to make the process of ordering OE products easier for students as well as providing a centralized location where OE could easily manage, change, and upgrade their product offerings as they evolved.
brand: Open English
work performed: interaction design, team leadership, concept, art direction
Team lead, interaction designer, and visual designer for the Open English interactive lessons – a key component of the Open English language learning curriculum. An epic project containing more than 3,200 interactive pages, the lessons required close collaboration between creative, academic, product, and copy departments as well as satisfying stringent stakeholder requirements.
The challenge was to create an interactive lesson framework in which the academic team could easily create and manage live lesson content across hundreds of lessons, each comprising of 20 - 30 interactive slides. We accomplished this via an LCMS (Learning Content Management System) third party platform, and then identifying the various user scenarios and interaction requirements based on curriculum structure and goals as outlined by the academic team.
We created wireframes and interaction flows for many different options to present to stakeholders in order to identify what the various standard interactive slide types should be such as "title slide", "standard slide", "fill in the blank", "drag and drop", "foursquare", "multiple choice", "vocab hunt", "game show", "learning slide" etc. – each providing enough freedom and flexibility for the academic authors to create and maintain course content while still enforcing look-and-feel consistency across all lessons.
After several interactive and visual design iterations, we were able to settle on an experience that exceeded shareholder expectations. We also created a style guide for course builders to ensure brand guidelines were strictly adhered to.
The lessons have been a milestone in solidifying Open English as a leader in innovation and have been awarded the prestigious Eddy for online education.
brand: Veracity
work performed: interaction design, animation, interactive prototyping
Demo app, Veracity, is a concept around ranking and results for analyst data in different industries. Pictured here is the working prototype I built for the iPhone.
brand: Open English
work performed: concept, visual design, interaction design
The ‘Vocab Hunt’ interaction helps students learn new vocabulary words / phrases that often appear together in a single scene. An image is presented in which students can identify items within the image in a fun, gamified manner. Four different variations of the Vocab Hunt activity keep the experience fresh and exciting: ‘click and listen’, ‘tag items’, ‘type into blanks’, and ‘easter egg’.
Responsive design for Open English landing page for oe.com site.