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 City, Centerstaging were interested in updating their outdated joomla-based site with a modern site oriented on both LA and NY markets.

Concept

concept

Wireframes

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

UI Design

We decided to increase brand recognition by changing colors, fonts and interface for the site. While developing UI concept, 1920px (desktop) responsive grid and advanced custom animation for the interface were suggested.

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

Here we have designed an interface with image gallery, studio and campus maps, specifications and panoramas that provides customers a realistic view on what they will get. This way all details are placed on single page in the most efficient way from content loading and SEO optimisation point of view.

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 consequently went with the client through stages of developing a site map, wireframes, designs and finally an InvisionApp prototype. At the stage of InvisionApp prototype and defining frontend UX two approaches for development were considered: WP-based site with restricted frontend functionality vs custom-made Single Page Application with backend and admin panel configured via API. The second approach provides is significantly more versatile from UX point of view so it was chosen. As a result, we delivered custom solution including Symphony/Doctrine PHP backend with ApiPlatform and React + TweenMax frontend.

Style guide & UI kit

Style guide

Results

We developed a stunning site that CenterStaging customers are happy to interact with. This led to increasing site visits and conversion. Our clients saying they start “getting a ton of requests submitted via the “contact us” on the new site” so they “couldn’t be happier about that.”

Technologies

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