• 3D/XR Experiences
  • 2D Ui/Ux
  • 3D Modeling/Rendering
  • Architectural
  • About
  • Blog

C. Elliott Brown

xr design

  • 3D/XR Experiences
  • 2D Ui/Ux
  • 3D Modeling/Rendering
  • Architectural
  • About
  • Blog

Open English e-Learning Platform

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.  

 

Open English Online Checkout

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. 

Interactive English Lessons

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.

 

 

Veracity

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.

"Vocab Hunt" English Learning Activity

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 Landing Page

Responsive design for Open English landing page for oe.com site.  

Open English e-Learning Platform

— view —

computer-laptop-tablet-smartphone-psd.jpg

Open English Online Checkout

— view —

online_checkout-desktop-phase1__0002_welcome.jpg

Interactive English Lessons

— view —

lessons2.0_03.jpg

Veracity

— view —

thumb.jpg

"Vocab Hunt" English Learning Activity

— view —

vocab_hunt-17-tag_items.jpg

Responsive Landing Page

— view —

iPhone-5-PSD-Template-121016.jpg