The design approach was focused on showing the human side of the academy (teachers and students). We added a prominent hero section with a student smiling and enjoying the process, bigger pictures of the alumni testimonials, and a glimpse of one of the teachers. Before this, the UI focused on vector illustrations and animated characters.

I used a bento box style layout, already present at Moralis.io at the moment of the redesign. This look was intended to be more attractive to prospective students and companies.

The content was summarized and presented in digestible chunks which made the page a lot shorter than before.

All the styles were updated following the principles of the Moralis Design System. This meant creating new typographic styles using the Golos font, updating the color palette and also the buttons which changed from pill-shape to a less round version. However, the styles still kept their distinction from Moralis.io with a friendlier, softer and rounder appearance, so the academy could still stand on its own and look beginner-friendly.

The certificate was redesigned and given a hero role in the layout, as well as testimonials and reviews to emphasize social and brand proof.

The first sections were dedicated to showing social proof for B2B clients and prospective students with testimonials and company logos

The following sections focus on the students, showing the 3 new learning paths and all the benefits of enrolling. This included the redesigned final certificate and minimal illustrations of the student dashboard

3. The story ends with a final call to action focusing on the outcome of joining the academy: the possibility to build and create products by learning Web3 programming languages.

The mobile version was set to one column for better readability and ease of use in this format.