Plezmo™ Website UI/UX 

UI/UX Revamp for the new Frontier of Immersive Learning | Plezmo™

plezmo_bannerimage_interactiondesign_elephantdesign_india_singapore300.png

The Focus

  • Plezmo™ one of the newest plug-and-play platforms
    in today’s immersive learning environment, needed improved first impression for the brand’s web presence

  • The website is to showcase the full potential of their products and related capabilities before stakeholders decide to invest or purchase

  • Additional outreach, with the website being equally appealing for parents, educators, and children alike

 

The Design

  • The team at Elephant took a highly user research-intensive approach since this segment was ripe for innovation, utilizing a mixture of traditional and contemporarily savvy practices to arrive at a comprehensive solution

  • Consumer friendly additions like the Community Hub, a web product simulator and other sticky elements helped demystify the product and invited additional enquiries

  • We streamlined the information hierarchy while also decluttering the website, adding additional pages for targeted content – enabling child-friendliness, in addition to making it appealing for teachers
    and educators


02-Plezmo-animation.gif

The Story

Plezmo™ is a plug-and-play learning platform that makes the process of coding immersive and more importantly, fun. With additional stress being put on STEM subjects requiring an intuitive understanding of subjects for progression and growth, the need for such a platform has been felt for a long time. 

Succinctly put, one can think of it as Lego with IoT devices. Kids can use small IoT building blocks and an easy-to-use virtual interface together to create a huge number of application-based scenarios. It smoothly blends imaginative role play with a hands-on approach for maximum efficacy. 

While Elephant is no stranger to Plezmo™, given our long association for other design-based solutions, there were certain challenges being encountered with their extant single-pager website. Upfront user engagement was a core issue, with not many elements that demystified the nature and function of this highly innovative product, stemming the flow of inquiries.  

Thus, Plezmo™ approached the team at Elephant to redesign their website’s UI/UX with the aim of boosting engagement while introducing prospective consumers a preview of the product experience before they made a purchase decision.
Lastly, the website appealed to children in addition to educators and parents, which demanded a balanced treatment
of elements & design styles. 

Thus, Plezmo™ approached the team at Elephant to redesign their website’s UI/UX with the aim of boosting engagement while introducing prospective consumers a preview of the product experience before they made a purchase decision. Lastly, the website appealed to children in addition to educators and parents, which demanded a balanced treatment of elements & design styles.

Future is Now

Coding is seen as quite a daunting, specialized skill requiring high amounts of technical acumen in addition to a firm grasp on the fundamentals of logic and mathematics. While there is a massive surge in the number of those opting to choose this as a core career option due to general demand and job security, ability still remains a worrying concern. In a sector already inundated to this degree, excellence in understanding is of utmost importance.

plezmo_interactiondesign_elephantdesign_india_singapore300.png

While starting early is definitely recommended, how can children develop a genuine interest in the subject? Through targeted application-based learning, of course! This is where Plezmo™ comes in. However, getting a trial of Plezmo™’s building blocks and interactive interface is something that isn’t always accessible in real life – which is where the web-based experience becomes extremely important. 

A futuristic look and feel, combined with many sticky elements make the site very child-friendly and allows them to explore it without any hitches. We also incorporated a brighter colour palette, with moving images and videos to improve viewer engagement.

The team at Elephant added many aspirational images showcasing children as creators and executors of creative explorations and complex contraptions. A futuristic look and feel, combined with many sticky elements make the site very child-friendly and allows them to explore it without any hitches. We also incorporated a brighter colour palette, with moving images and videos to improve viewer engagement.


Tools of Demystification

Trial periods turn prospective buyers into loyal customers, provided that the experience gives them a proper glimpse into what they’re buying. Plezmo™ is no exception, yet the challenge was to convert a largely hands-on experience into a virtual one while adding other components that supplemented their learning journey once they decide to invest in Plezmo™ for their children.

plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_1300.png
plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_2300.png
plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_3300.png

In that vein, the team created an ‘Experience Now’ page that allows interested consumers to experience the Plezmo™ app on a desktop. This provides an insight into how the app functions, how coding is undertaken on the platform and lastly, gives a teaser of how the children’s explorations will come to life in the form of certain applications. 

The team also developed a ‘Community’ page, which was received exceptionally well. This page essentially creates a portal for children and parents alike so that they can contribute to a coding library + archive, Github style. This serves two purposes apart from community building/ecosystem development. One, it manages to showcase the sheer possibilities of how Plezmo™ blocks might be used without resorting to any explicit promotion, while also letting children troubleshoot their own creations. Children who are having trouble can also utilize existing skeletons and see how these logic gates function, giving them the necessary confidence to move forward. 

The team created an ‘Experience Now’ page that allows interested consumers to experience the PlezmoTM app on a desktop. This provides an insight into how the app functions, how coding is undertaken on the platform and lastly, gives a teaser of how the children’s explorations will come to life in the form of certain applications.

Finetuning Functions 

Lastly, in accordance with the latest UI/UX practices, Elephant streamlined the information hierarchy – converting a long, exhaustive single-pager website into a multi-pager, complete with a comprehensive navigational toolbar. 

Most of the illustrations are completely derived from their existing products, with the aim of replicating the same look and feel. Sticky elements dominate the website, letting children interact with it while also appealing to adults who can quickly view key information, product demonstrations and the entire catalogue without hindrances. There are value additions for developers
and other tech enthusiasts on the Tools page, for those interested too! 

Color Palette

plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_colour palette300.png
plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_icons300.png
plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_illustrationstyle300.png

All in all, Elephant’s revamp of the Plezmo™ website has presented its visitors with an engaging, highly decluttered website which serves as a legitimate representation of the Plezmo™ brand – replete with products, solutions, community engagement
and more!

plezmo_websitedesign_interactiondesign_elephantdesign_india_singapore_animation.gif
“When UX doesn’t consider ALL users, shouldn’t it be known as “SOME User Experience” or… SUX?
— Billy Gregory