Need to fill the gap in your tech team?

Rapidly become your extended team or build a product from scratch. Top-notch engineering solutions by Uinno.

learn more

Re-writing the components library upon tech needsA Melbourne University Website Modernization

see it live
unimelb

offeredservices

Frontend <br /> Development
Frontend
Development
Project <br /> Management
Project
Management

techstack

Vue.js
Vue.js
Jest
Jest

clientoverview

overview

The Project

The University of Melbourne is a public research university that takes leading positions among higher educational institutions in the world. There are lots of socially significant researches, engagement, and teaching practices conducted in the university consistently. Among its major initiatives is the inclusiveness of all community members into active participation in all spheres of university life including students and staff with disabilities.

The Challenge

The university website contains a huge amount of web pages serving all their research needs. There are millions of web pages filled with content of all types: courses, exercises, newsletters, video captions, tips, tools, special tutorials for visually or hearing impaired people, guides both for students and academics. To fill all this vast amount of various content on the website editors used the outdated and manually written CMS platform which took too much time and effort.

The client needed an advanced solution implemented with cutting-edge technologies able to transform the components library into a flexible and easy-to-use data-entry web software. Its distinctive feature should be to provide equal access to the university information for physically challenged groups of people meaning to make all web components compliant with the W3C's Web Content Accessibility Guidelines (WCAG) 2.1 AA policies.

designingoriginal solutions

core_solutions

We've joined the existing development team of the client and started seeking the best possible solution collaboratively. Our part was to provide frontend development services and ensure the compliance of the website with the current accessibility guidelines. The development process was managed by our project managers.

1. Re-writing the website component library

1. Re-writing the website component library

The major task was to write a new component library based on the Vue.js library. It included all website elements like styles, buttons, panels, pop-ups, tables, and many others. This way, the website editors are able to simply drag-n-drop the needed website element onto the web page and fill it out with the necessary content.

2. Making the website accessible to people with disabilities

2. Making the website accessible to people with disabilities

The University of Melbourne tries to provide equal rights to all community members including those who are visually or hearing impaired, with limited movement and speech disabilities, or combinations of these and other restrictions. Our client deeply cares about developing a no-barriers ecosystem for physically challenged persons. We were on a special mission to make sure that each component meets the Web Content Accessibility Guidelines (WCAG) 2.1 requirements. It allows people with disabilities to consume information from the website through special screen readers. It was a real challenge but we understood the importance of meeting the requirements. The accessibility laws become a must for a bigger number of authorities, especially for public sector websites. On the bright side, implementing compliance with these accessibility guidelines opens a wider audience for each institution’s web presence.

3. Performing 100% test coverage

3. Performing 100% test coverage

Quality is among our top priorities so we have utilized the Jest testing framework to ensure the correctness of the Javascript codebase. It allows to ensure the cleanliness of the code, improve functional performance and deliver a truly quality digital product.

polishedmanagement process

/assets/images/projects/unimelb/managements-benefits/clock.pngTime & Material
/assets/images/projects/unimelb/managements-benefits/agile_approach.pngAgile Approach

Our collaboration with the client was conducted via time and material model. We have moved along the project using a simple agile approach when there was a Kanban board with the listed scope of work. We have estimated every task and carried out each one based on the specified priority.

This way, the whole development process was transparent and beneficial for both our development team and the client.

What's in theoutcome?

outcome

The Uinno development team has created a modernized and better-structured components library for the complex website of the Australian government facility - the University of Melbourne. The resulting digital solution opens up new prospects for the client where the following ones hold a special place:

  • The components library can be easily maintained and scaled over time upon demand.
  • It allows introducing more interactivity on the website through truly responsive elements.
  • The website is user-friendly for people with disabilities through full compliance with accessibility guidelines.

The dedication of the development team to the main challenges of the client made it possible to implement a solution that not only enhances the website performance but makes it accessible for a much bigger audience. Which, in turn, makes a significant contribution towards creating effective social development and enhancing the lives of all community members.

explorenext project

arrow-right