GrandOne 2019: Innovatiivisin digitaalinen palvelu, Paras mobiilipalvelu, Paras toteutus, Paras design, Paras UX-design, Paras uuden teknologian käyttö

Slush 2018 PWA

 

How do you make a world-class startup event better year after year? This is what we ask ourselves every time we sit down with the Slush team to plan for the next event.

Luckily for us, our friends on the other side are a forward-looking bunch, who are willing to push the boundaries with new concepts and technologies. So, this time, we softly exploited the situation by introducing the idea of creating a PWA.

A Progressive Web App would provide efficient development for us and the look and feel of a native app for the users. They liked the idea, and we made one for them.

How to use the service

Go to app.slush.org on your mobile browser
Use the app in browser or add it to your home screen

app.slush.org

iOS

Press the share button on the bottom of your browser
Find and press the icon “Add to home screen”

Android

The browser will prompt you to
“Add Slush App to Home Screen”

Concept

The Slush PWA is a browser-based application that allows agile development and provides a seamless user experience. The 20,000 tech-heads could build their own schedule, bookmark their favorite speakers and restaurants, and just make the most of their experience at Slush.

Our solution made the experience more interactive and fluid, allowed us to react fast to changes, and made it possible to reach visitors with timely notifications/messages.

 

 

 

 

 

Technology

So, what’s this Progressive Web App thing all about? Instead of having to download it from the app store, the user can just visit the url and save the app to their home screen. Using the service worker api, the PWA has the look and feel of a native app while working in the browser. This makes it device-independent, easy to use and fast to maintain.

The Slush App uses WordPress as its backend, making content input as easy as for any WordPress site. The content is then fetched through WordPress Rest API to the React + Redux -powered app. Smart caching in the PWA makes it fast and offline-friendly, like any native app. The Slush App was also integrated to Slush platform through Google’s Firebase login, and meetings made there could be fetched to My Slush.

 

 

 

 

 

Design

For the app to work as a Slush visitor’s best buddy, we wanted to make it an extension of the brain. Slush’s familiar look and feel were converted into a design optimized for on-the-go use. Adding speakers, talks, and lunches to the user’s own agenda was made simple in every view.

The dark theme makes the app pleasant for the eye and reduces battery usage. Sharp details in the UI, reminiscent of lasers piercing the foggy air at Messukeskus, guide the user through every interaction. Smooth transitions add that little extra to make it feel like any native app ever could.

Results

The Slush App was heavily used before and during the event. It had almost 30 000 unique visitors, which is crazy, given that there’s only room for 20 000 people at the event. The app got over one million page views and average session duration was over 11 minutes. Bounce rate was only 21,3 %. Events, speakers and restaurants were added to My Slush over 78 000 times.

These numbers are from 1.12. – 5.12.2018

Unique visitors:

29 072

Sessions:

137 092

Pageviews:

1 004 033

 

Bounce rate:

21,33%

Avg. session duration:

11 min 9 sec

Events (adds to My Slush):

78 724

 

How to use the service

Go to app.slush.org on your mobile browser
Use the app in browser or add it to your home screen

app.slush.org

iOS

Press the share button on the bottom of your browser
Find and press the icon “Add to home screen”

Android

The browser will prompt you to
“Add Slush App to Home Screen”

Client

Slush

Design, production, analytics

Evermade

A project in mind?
We'll get back to you in 24 hours.