CLICK

DigiRex Work

Arts1 Online School Programme

An online accessed school to assist with the COVID-19 pandemic

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

OUR WORK

Methodology

  • UX Design
  • Lazy Loading
  • HTML Emails (SMTP)

The Brief

As things went sideways for a lot of us with the COVID-19 pandemic, Arts1 came to us for a solution to their school being closed: an online school programme. They were hosting videos on Vimeo for students to access. They needed a website that linked current students and new potential students to these online classes.

The Challenge

The project was time sensitive as online classes were already happening. We had to create the site quickly, but also make it functional and visual for creative students.

DigiRex Work - Laptop Mockup

14 Classes To Choose From

The emphasis was to make it easy for existing and new students alike to find their online class', even with there being multiple on show. We did this by using provided graphics.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Lazy Loading Assets

With over 30 large images and videos to be loaded on the homepage, we made these assets only load when they were in the viewport or interacted with.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Generating New Leads

As well as providing content for Arts1's current students, we were asked to create a way to generate new leads. We decided to make an introduction page with pricing tiers, giving the visitor to opportunity to choose their desired classes.

Class Chooser

We created an advanced class selector, allowing the user to add and remove classes as they please, updating the price accordingly, which then linked to a HTML form.

HTML Emails

Following the site's styles, we created a HTML email that send a refined version to the Arts1 team, and a more visual version to the prospect.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Easy To Use Content Management System

We made the platform easy to manage and add / edit classes, giving Arts1 the opportunity to easily add new classes as and when their online school expanded.

Choosing a class time, with an automatic countdown clock.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Add a new industry professional and masterclass time, automatically chronologically orders times and image cropping.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Creating a new live class time, automatically ordering the days.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
Appending Content

Instead of having a tabbing system as the viewport will be too small, we added all the content below the previous. Allowing the user to scroll through the page without confusion.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic
Hidden Elements

As there was a lot of content, we decided that on a phone - it would be best to hide this Allowing the user to choose if they want to read more. Keeping the page small for mobile views.

MOBILE VIEW

Website Colours

Website Fonts

Bebas Neue

H1 70px
H2 48px
H3 30px
H4 30px
H5 20px
H6 17px

The quick brown fox jumps over the lazy dog.

Open Sans

P 17px

The quick brown fox jumps over the lazy dog.

CUSTOM STYLES

Key Performance Indicators

Externally Hosted

This site is not hosted with DigiRex directly. As a result, this may have a negative factor on the website performance.

Home

0.39Sec
90 B
18.6MB

Class

0.22Sec
90 B
1.3MB

Online Programme Introduction

0.70Sec
86 B
3.8MB

These tests are performed from a London based server using Pingdom. We use tools like lazy loading and image compression to help our sites load faster.

KPI's

We came to DigiRex, looking for a quick turnaround for our new online school. We were extremely happy with the initial design, and the end result. It does everything we need it to, a very pleasant experience.

DigiRex Work: Arts1 Online School Programme - An online accessed school to assist with the COVID-19 pandemic

Rebecca Carrington

Principal

Start your project

You have a vision; we have the tools to get you there.
Get in touch with our friendly team to see how we can help you assert your dominance online.

Get Started

View More Works

Improve your online presence today

See the difference your website can make to your business

Let's talk