Neverlands Monitor Top
Neverlands Case Study Mobile

CASE STUDY: THE NEVERLANDS

Immersive Experiences at The Edison & Clifton's

UX STRATEGY / UI DESIGN / WEB DEVELOPMENT




background

A LIVING HISTORY

The Neverlands website is anything but ordinary and conventional. As a self-proclaimed “purveyor of the world’s most extraordinary and innovative hospitality experiences,” the website is home to some of Los Angeles’s most stunning nightlife venues: The Edison, named among top bars in the world; and Clifton’s, a historic Los Angeles cafeteria turned nightlife venue.

The site is visited by Los Angeles patrons as well as people worldwide seeking to explore the city’s nightlife. While there is a variety of people coming to Clifton’s and Edison in person and online, they are all seeking the extraordinary—and expect nothing less. The website needed to reflect this level of curiousity, adventure, and imagination.

Clifton's Republic Building

process

An incredible amount of time was invested in the storytelling behind the illustrated screens and how users would travel through each of the main venue pages. The correct balance of elements on screen and how the elements behave on-scroll was one of the two greatest challenges we faced.

The second challenge, and perhaps an even greater one, was how to give users a good, clear navigation experience on a website where the client wanted to prioritize imagination and inspiration above all. The style of the site mimics the feelings and experiences users have when visiting the physical spaces, but online, we have to give them a way to quickly get to the information. We wanted to simplify the site structure as much as possible, with the site being so graphically intense and visually nonconventional. Our main site nav uses the idea of a navigation chart and is represented by a dangling star as a nav icon. Simple in execution, but again focused on the illustrations. We also added the main navigation to the persistent footer on the site so that there are multiple ways of getting to the relevant content.

The project was a large-budget project with an unusually long timeline: more than two years in the making. A lot of time went into directing illustration as well as evolving with the changing needs of the brand. Even though we usually have a much clearer, strategic and defined process, in this case, we decided to let the artistic nature of the project guide the process in many ways. With the client being extremely creative and artistic themselves, we saw no other way of being able to get the project completed successfully. Sometimes, you have to bend the rules to create something fresh and unexpected.

Neverlands Process 2


unique features

Intended to inspire above all, the site provides a glimpse at the experiences inside The Edison and Clifton’s, their events, and includes the ability for restaurant patrons to purchase tickets and buy a select number of unusual products through the website. We translated the magical and curiosity-driven quality of the physical spaces to the digital experience through the use of custom hand-painted illustrations by Shannon Stamey that we helped art direct—especially keeping in mind how they would be used on screen with parallax effects and mouse-movement. The art of the illustrations uniquely defines the website style; we built upon this idea throughout the site through manipulation of other artworks and assets, in addition to programming a lot of custom animations and interactions. We are very happy how this whole imaginary world evolved and that we were able to build it into a functional, cross-platform experience.

Neverlands Unique Features

implementation

We used a custom WordPress installation to power the back end. The website is completely custom coded on the front end with lots of custom JavaScript and CSS. We modified the terrific open-source parallax script by Matthew Wagerfield as the main engine behind the landing page movement.

We also built a lot of other custom features that happen on venue pages such as The Edison, Clifton’s Republic and Pacific Seas as users scroll, making it feel as if you descend into the city, down the tree canopy or into the ocean. We are very happy with how all that turned out!

Implementation

Neverlands Desktop Solution 1
Neverlands Desktop Solution 1
Neverlands Desktop Solution 1

solution

1 / 3

Fans of both The Edison and Clifton’s Republic spaces are thrilled by a digital presence that matches the eccentric nature of these iconic LA venues. The positive feedback from fans has been inspiring and the site has already achieved recognition in the design community - an honorable mention on awwwards.com as well as a Gold Medal for Website Design on Indigo Design Awards!

1 / 3
Neverlands Mobile Solution 1
Neverlands Mobile Solution 1
Neverlands Mobile Solution 1


Wow. Just wow. I’ve never been blown away by a website like I am with theneverlands.com‬. It’s simply stunning!

PATRON OF THE NEVERLANDS

PROJECT URL



WHAT NEXT?