UX design case research | Akademia Librus e-learning platform

Software program merchandise will all the time be judged by customers primarily based on their feel and look. If you’re a market chief about to introduce a brand new service that may additional consolidate your place, you have to consider a becoming product design. We had the very best of luck working with a associate that completely understands that it is a reality, not an opinion. See how we established a trailblazing Akademia Librus – the primary of its sort on-line platform for lecturers coaching for the most important firm supporting academic wants in Poland.

About Librus

Librus is the chief in offering all-purpose software program for the Polish training system, continuously set to drive developments, and improvements and implement new options. Their companies embrace digital class registers utilized by 4,9 million mother and father and college students and 310 000 lecturers in 8200 colleges, and platforms for 1,700 native authorities items.

The corporate has additionally been organizing programs for lecturers for over 20 years. Yearly round 92,000 individuals enhance their competencies with Librus workshops. The Librus Trainer Coaching Heart consists of over 110 educators-practitioners who share their data all through Poland – from tiny villages to massive cities.

Venture background

…after which Covid-19 hit. 

As soon as the brand new pandemic guidelines have been launched, The Librus Trainer Coaching Heart couldn’t perform in its earlier kind anymore. Educating is a type of professions that require fixed studying, so taking away a wealthy supply of information for nearly 100K present and potential lecturers a yr wasn’t an possibility. 

So the corporate determined that on this new actuality, a web based coaching platform is an absolute should for his or her academic software program portfolio. 

After analyzing the market and obtainable choices, Librus was 100% sure that they wished to create their very own coaching platform. They began the work themselves however it rapidly turned out that the workload was huge. The initially developed designs have been acceptable however, each by way of usability and visuals left so much to be desired. Librus dreamed of making a “Netflix for lecturers” so in an effort to squeeze the very best high quality potential they selected becoming a member of forces with a technological associate. Sure, little previous us! 🙂 

The issue and challenges of the design course of

The primary drawback for us to unravel was successfully transferring all of Librus’ coaching sources on-line. 

Venture necessities from Akademia Librus:

  • conducting an in depth audit geared toward eliminating as many ache factors as potential

Throughout an audit, we seek for all issues that aren’t in keeping with good UX practices, and accessibility. Furthermore, we take a look at enterprise necessities, and if vital, recommend extra applicable options. Such an audit consists of scanning the complete content material, mentioning irregularities, and including prompt modifications.

  • creating consumer paths tailor-made to the common age of customers 

The preliminary analysis confirmed that 45 years is kind of the common age of lecturers in Poland, so we needed to remember the fact that the platform shall be utilized by individuals who may not be proficient in know-how.  

  • basing UI on the supplied model e-book

Librus had an already established model e-book the place the colour palette, typography, graphic motifs, and key visuals have been described. Subsequently, we needed to comply with these pointers so the Akademia Librus design matched these assumptions, e.g. if the default font is Open Sans, we needed to keep on with it and couldn’t use Roboto, Barlow, or some other as a substitute. It was train for our creativity, and finally, it made delivering the anticipated outcomes simpler. 

Adobe XD was fairly tough to work with attributable to its notorious failure price however when shoppers demand it, we’re even prepared to ditch our beloved Figma. Understandably, Librus wished to get the entire venture on this app so they may edit issues on their very own if wanted later.

Person analysis

From the start, Librus had a transparent imaginative and prescient of their very own Netflix/YouTube for lecturers. Nevertheless, we rapidly realized that these platforms cater to customers wanting primarily for leisure, and informal content material. Sure, there are many high-quality academic channels however contemplating Librus’ established popularity in offering the very best academic options for Polish training, we couldn’t afford any associations with questionable high quality content material or lack of credibility – even on the visible and usefulness ranges

Akademia Librus is a very skilled coaching platform with a really slim goal group (educators). The YouTube concept was good however not completely aligned with the wants of the goal end-users group. An vital factor was to emphasise the experience of lecturers and the relevance of sources. The individuals should ensure that they’re supplied with the very best high quality data that may broaden their skilled competencies. 

So our first activity was to extract the essence that might coincide with our trainer/lecturer persona

We’ve used surveys addressed to lecturers about their preferences concerning the newly created platform. The solutions have been so essential that we needed to barely reorganize the beforehand established course of the entire course of. However hey, we work in Agile, so had no main issues with it!

To resolve some issues, we prompt transferring in the direction of Coursera/Udemy course however condensing the scope to cater to a fair narrower target market (lecturers) and their specific wants. Nevertheless, we added a pinch of social options – e.g. scores and feedback of workshops (offers Librus instant suggestions on their sources). 

In the course of the audit, we found that the preliminary plan had loads of discrepancies by way of accessibility. Our persona included individuals older than 45 years, due to this fact typography dimension, clickable components, contrasts, and so forth. have been essential, and desperately wanted to be unified.

Wireframes & Person Interface

After the consumer audit, and workshops with the Librus group to outline the scope, we began modeling functionalities in keeping with the beforehand ready plan. 

Our design group used high-fidelity wireframes with an outline of particular person flows and functionalities whereas getting ready temper boards presenting the potential graphic type during which the above-mentioned functionalities could be “wrapped”. The problem was to develop a definite graphic “really feel & look” that might coincide with Librus’ type information and mix completely into shoppers’ catalog/portfolio. On the similar time, The brand new model is up to date, modernized, and facelifted (or ought to we are saying UI-lifted) in keeping with present calls for not just for usable but additionally believable visible options.

Psst! Wanna hear a little bit secret? In response to the research, e.g. “Results of Design Aesthetics on the Perceived Worth of a Product“, “excessive–design-aesthetic merchandise induced constructive feelings […], design aesthetics enhance product worth from a neural science perspective.”

So it’s only a matter of incontrovertible fact that handsome merchandise are perceived as extra invaluable and helpful than their messy competitors.

So, after analyzing the contents of Librus’ model e-book, we ready a couple of proposals for graphic instructions in accordance with the predefined type of the model, and collectively we picked the ultimate model.

ux case study included a complicated thought process and journey map for user flow diagrams, usability testing, design thinking
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta

Excessive-fidelity wireframes (proven within the image above) allowed us to organize beforehand proposed and authorized usability options for the complete software. This fashion we had sufficient area to check out and focus on totally different concepts and approaches earlier than deciding on the chosen ones. 

We will’t advocate wireframes sufficient. They’re tremendous fast to make and ideal to maneuver and alter the weather round. As a result of we examined varied choices prematurely, we have been positive from the very starting that the supplied functionalities coincided with the very best UX practices and end-users wants.

ux case studies. paper prototypes or digital wireframes will help with your design story unexpected challenges
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta

Comparability of mockup and the completed UI of the house web page. You’ll be able to clearly see how wireframes are secure foundation and make it simple to finish the design.

Design system & options

As soon as per week we had a evaluation assembly, the place we mentioned the present state of labor intimately, and obtained suggestions from stakeholders. It turned out to be very helpful. In the course of the first classes, a customized design system emerged and we set to organize last functionalities utilizing pre-prepared components and elements.

design project & design work process resulted in a good case study
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta

Right here you may see the snippet of the customized elements library, aka. design system – a set of easy and extra complicated graphic components for a number of makes use of throughout the design course of. Because of a longtime design system, Akademia Librus positive factors additional pace of execution with out shedding any high quality or consistency.

We extremely advocate taking a digital magnifying glass and seeing all of the tiniest particulars of this tradition design system on our Dribbble profile.

design project & design work process resulted in a good case study
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta

Moreover, we considered future-proofing the platform so far as personalized elements are involved. This consists of modals, filters, and icons that we utilized in varied locations across the venture. These are additionally an integral a part of the complete design system which implies they could be simply re-used relying on what future enhancements Librus plans for the platform.

prototype showcase - e-educator explaining compelling stories
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta

The core performance was a customized participant for displaying video information. Later within the venture, we additionally added a couple of elements, e.g. risk so as to add notes, and a listing of chapters that consisted of particular person items of coaching. 

Later consultations throughout the improvement stage resulted in adapting the net design to the cell software too.

When every part was settled, a group of three product designers and the venture supervisor, began the entire course of by getting ready data structure. Detailed duties have been set within the Jira administration device, and divided amongst group members relying on specializations, {qualifications}, and competencies.

UI/UX portfolio of the completed Akademia Librus platform

first case study of this type in Poland. Akademia Librus - great ux portfolio by our ux designers for an interesting project
Designers: Aleksander Chmura, Przemek Gacka, Magdalena Habarta


That is the completed product – homepage UI in desktop and cell variations together with all of the functionalities beforehand ready and mentioned with our associate: 

  • creating and managing consumer accounts both the normal approach or utilizing trainer’s vouchers obtained of their college,
  • searching, managing, and collaborating in on-line programs – prerecorded, on-demand, and stay webinar classes,
  • user-friendly, fully-fledged course video participant, permitting to concentrate on e-learning.

To not point out, the Akademia Librus platform appears excellent now!

Make certain to take a look at the animation beneath for the complete really feel&look. 👇


Gifted individuals liable for this animated gem:

  • Lead designer: Aleksander Chmura
  • Venture administration: Piotr Baran
  • 3D scene: Dariusz Dzierwa
  • Animation: Przemek Gacka

“They did their finest to overtake how the web site works for individuals” – PM @ Bahr

Venture advantages

Akademia Librus is the very first Polish platform of this sort, so it’s a trailblazer in digital academic coaching. Even with none earlier blueprints in the marketplace, we managed to efficiently design and ship a web based studying platform for lecturers with out a lot slippage. The largest profit for Akademia Librus is their ahead pondering and innovation – as the primary within the Polish market, they would be the firm to beat if any “different” competitor arises. 

Buyer suggestions

The complete course of was a whole success, as evidenced by a constructive opinion from our associate and their willingness to proceed cooperation sooner or later!

We’re delighted to cooperate with The Software program Home and their UX/UI specialists for our Akademia Librus platforms. The group was all the time open to recommendations and supplied us with inventive choices. Our work ends in a design system that 100% meets our expectations by way of functionalities and aesthetics. We’re in awe of the high-quality efficiency of the TSH group, and we plan to cooperate with them on future tasks.”

Wojciech Borczyk

Wojciech Borczyk

Product Proprietor @ Librus

Now all Akademia Librus has to do is monitor and analyze the rising consumer site visitors on an ongoing foundation. 🎉

Customers take about 0.05 seconds to kind an opinion about your web site. E book 1-hour consultations to make sure will probably be constructive

It depends upon nice UX/UI practices on whether or not they’ll keep and change into your fan or go away and by no means come again.
Discuss to our Product Designers about the best way to flip nice first impressions into buyer loyalty. The assembly is totally free with no-strings-attached. Let’s speak!


Leave a Reply

    Your Cart
    Your cart is emptyReturn to Shop