InforMEA eLearning Course Platform

07/2023 - 09/2023  ✦  View website

A website redesign for the Moodle side of the platform, which contains a collection of 28 online e-learning courses on environmental topics that can be taken by anyone.

Landing Page Interactive gif

Visual representation of the landing page as created in Figma.

 

 

 

Background

Launched in 2011, The InforMEA platform provides easy access to information on MEAs, treaty texts and provisions. Another feature of the platform is the eLearning website that provides free access to courses. The are used in University curriculum of Macquarie University in Sydney, the University of Eastern Finland and the UN system staff college (UNSSC).

The website redesign was thought out by taking into account the main InforMEA Platform and the eLearning website, as well as other UN platforms. Design unification and similarity was very important, however I felt I had enough freedom to introduce new components and colors where needed.

Mobile mockups of various platform pages
Mobile mockups of various website pages.

 

 

Approach

Getting started required creating a rough "sketch", or more likely a low-fidelity mockup which through iterations became the final product. During this process, a color palette was established, text styles and components were created which went through many changes whenever I received new feedback from the client. Meetings with the client were useful in understanding their wishes for this project...

Typography styles

Font family.

 

Components created in Figma

Reusable components created in Figma.

 

Landing Page mockup
Mockup of the landing page.
 
 
Mockups of quiz pages

Mockups of the quiz pages.