Devices Desktop
Devices Tablet
Devices Mobile

Centerstaging

CenterStaging is LA’s premier rehearsal and backline facility specializing in production and tech support for television and live performances.

Challenge

Launching a new facility in New York, CenterStaging wanted to have the old website updated to boost sales by introducing the brand to a new market. Having analyzed the LA and NY markets and our client’s business needs, we discovered that the old version of the website was not viable from a business point of view. The number of converted customers was below the average. The main reasons for the low conversion rate:
The design of the website was outdated, which reduced the value of the brand
The structure of the website was too complicated while the interface was not intuitive enough
There were numerous contact forms for different services which confused potential customers
As a result, the website couldn’t provide a decent amount of new clients.
Having approved our ideas with CenterStaging, we decided to completely redesign the structure and the user interface of the website. Our main goal was to make it simple, intuitive and fun to interact with.

Concept

concept

Wireframes

home
select-studio
technicians
choise
studios
about-us
rentals
rentals-keyboards
cafe
rentals-price
about-us

UX/UI Design

User experience is a key factor for any business or brand. Users spend only a few seconds after landing on a website to decide whether or not it’s worth their time. Thus we created a simple, intuitive interface. The CenterStaging website is not only easy to use, but we also gave it a “personality” users can interact with. This approach determined the success of the website from a business point of view.

Color selection

  • # aa1166 # ff004e
  • # ff004e
  • # 333333
  • # 919191

Fonts

  • Bebas nue sans serif
  • Roboto Sans Serif

Grid system

grid system

Intro pages

intro
intro

Studios page

stuios-1
stuios-2
stuios-3
stuios-4
stuios-5
stuios-6

Rentals page

Drums
Rentals
Keyboards
Technicians page
Technicians page
About us page
About us page
Cafe page
Cafe page

Mobile version

Mobile home
Mobile choise
Mobile gif
Mobile contact
Mobile studio

Solutions

  • We significantly reduced the bounce rate of the website by adding a comprehensive introductory video as a background for the main page. Once a user is on the website, we don’t want to burden him/her with any further steps. The interaction begins straight away, as the video leads into the atmosphere of the CenterStaging studios
  • We simplified the interface and navigation by cutting off all the unnecessary features
  • Instead of a number of different complicated contact forms, we implemented a single simple user-friendly form. The eye-catching call-to-action button of the form is easy to notice on any page of the website
  • The Studio page content is mostly visual. There’s a studio photos gallery, a 3D panorama, a campus map, and a studio floor plan. All the technical details are presented is a short, concise form

Style guide & UI kit

Style guide

Results

We’ve developed a website that CenterStaging customers are happy to interact with. As a result:
We reduced the bounce rate by 44 %
We increased the conversion rate by 250 %
Our clients are genuinely surprised by the number of customers they now get from the internet.
Now open in New York, CenterStaging is proud to build upon its prestigious clients base that includes the GRAMMY Awards, Academy Awards, Billboard Music Awards, American Music Awards, The Voice, and many more.

Technologies

Technology html
Technology css
Technology less
Technology php
Technology symfony
Technology mysql
Technology doctrine2
Technology javascript
Technology twig
Ready to start your project?