About this project

  • Project Type: Mobile App and Website
  • Built Using: Ionic, React & WordPress

Since 2010, Forth Valley Art Beat has been a yearly art event that showcases artists and celebrates creativity across the Forth Valley, becoming one of the largest cultural events in the area.

The exception to this was, as you'd guess, in 2020, where the event was cancelled due to COVID restrictions. And, although it was touch and go, 2021's event was able to go ahead, albeit a smaller event over a weekend.

The app on an iPhone, showing the home page and directory page, allowing users to browse artists.

The FVAB mobile app accompanies the event and helps visitors find venues, discover artists and get directions to venues. There is a 'My Map' area for adding your favourite artists as well as latest news, including details of the Art Cycle event.

The app is cross-platform (iOS and Android) and works on phones and tablets. It was built using the Ionic framework, on a React codebase. The uncertainty surrounding whether the event would go ahead left little development time and so Ionic's rapid development environment and publishing tools really helped in delivering something speedily.

The app on an iPhone, showing the single artist page and My Map page to allow users to add their favourite artists.

Accompanying the app is a website to provide further information about the events and ongoing projects. Built using WordPress, it has a responive design focused on performance — a combination of performant code, careful asset usage, caching strategies and CDN/server tweaks gives the following Lighthouse/GT Metrix scores:

Grade
A
PerformanceStructure
99%90%
Largest Contentful PaintTotal Blocking TimeCumulative Layout Shift
0.75s0ms0.04

Table shows scores from GT Metrix's performance measuring tool, against the site's homepage. Scores are subject to variation over time.

The site also integrates a members/artists only area to allow participants to sign up for the event. This area features a multi-step form to capture artists' details, media assets and integrated payment for participation fees.