SurveyMonkey Print

New Relic University is an online education platform that is made to educate, guide, an inspire learners of all levels. It provides valuable training and certifications, paving the way for career opportunities through an informative and helpful user experience.

ROLE

UX and UI Designer

PROJECT TYPE

Education / Web experience

DELIVERABLES

Homepage

Course Catalog

Course Detail

Search / filtering function

WORK DETAILS

  • Design the customer front landing pages of the NRU including homepage, course catalog, and course detail page.

  • Provide strategy, wireframes, and high-fidelity prototypes for a seamless user experience. Create design files and work with developers to see the project to the end, and ensure quality across the website.

  • Create a separate brand and UI system that sets itself apart from the main New Relic brand.

Certification levels

There are 4 certification levels, ranging from foundation, associate, specialist, and professional. Each level comes with set of courses, and students have to take the final exam to be certified.

Certification paths

There are growing lists of certification paths our students can take. For the launch they were New Relic Verified Foundation, APM Practitioner, Performance Engineer, and Reliability Engineer.

Paid certification

Student would have to pay to take the final test and earn each certification. However, students can take any course for free. At the time of the launch, there were 3 paid tests and 31 free courses.

Strategy and wireframing

NRU Homepage

GOALS & OBJECTIVES

  • Highlight the importance and benefits of learning observability.

  • Guide users to the best courses tailored to their goals and skill levels.

  • Educate potential learners about the variety of available programs.

Course Detail

GOALS & OBJECTIVES

  • Highlight important details and provide a clear pathway to get started.

  • Inform users about prerequisites, preparation, and knowledge areas.

  • Showcase related educational content.

Lead with the value of further education and training in observability.

Showcase tangible value gained when leveling up your skills.

Build trust and confidence through community proof of success.

Encourages customers to take action and find content that's relevant to their learning goals.

Presents an overview and highlight of the certification and verification programs.

Provides learners with an overview of the offering and the opportunity to get started.

This section addresses common questions about the offering.

Course Catalog

GOALS & OBJECTIVES

  • Help users easily navigate to find the most relevant content.

  • Provide filters and search functionality to guide users.

  • Ensure intuitive and user-friendly design for smooth navigation.

Wayfinding

Filter menu is broken up into sections. Popular and relevant are presented first with functionality to expand and view all.

Course cards are information rich with all important details presented.

Wayfinding

Right Rail: Details and CTA anchor in place as the content scrolls.

Left Rail: Jump menu anchors in place as the content scrolls this provides context in navigation benefits for the user.

Body content: Brief description about the course and benefits.

Redirect users to related course.

Design System and Style Guide

Image style

Color psychology and accessibility

Black and white texts, imagery, and CTA are mixed in with lighter color palette. The contrast between black and lighter color are tested for accessibility. The goal of this system was to give vibrant energy, compared to the dark, muted, and professional feeling of the main New Relic website.

Connection to education

As education and certification is the main purpose of this page, the visual design system takes reference from text books, notes, highlighting, and pen doodling. The website features mostly black and white images and typography to mimic print design. Images also have natural textured added.

Typography and color

Data representation

New Relic is a platform that provides real-time insights into the performance and behavior of digital systems. Naturally, all of the NRU courses will circle around data and data analysis. This is a visual system where data itself is a visual language. It can be used as is, or as a collage element.

Final Design

Course Detail

NRU Homepage

Course Catalog