Shutterstock is a two sided market place for selling and buying photos. The project detailed here is for our consumer application where images are purchased.
First time users of the apps get confused about:
“Royalty free” means
Why is there a watermark
Being thrown into customer experience without any foundational knowledge
Users expect an easy way to get into their account
Users expect the experience to be seamless
Contributors downloading the customer app and trying to log in (there is another app for contributors, not the consumer app)
Over 60% of our users do not (or never) login
Increase in Sign ups / Log in for a first time user
Less disgruntled customers complaining in the app store reviews
Increased activity on Contributor Log in button (creating less confusion)
Our solution was a multi pronged approach but here I will just detail the on-boarding carousel and log in / join screen updates we took on.
The illustration below shows visually that this carousel is only one part of the on-boarding process in educating users to the value of the Shutterstock app.
We realize that a carousel is very easily skippable and people might not read but it is crucial to introduce users to the brand.
From the onset of the project we had discussed adding video to the background of the carousel. We did this for 2 reasons:
It is visually more engaging
It will also hint to the great video products you can purchase on the Shutterstock app
To execute this I brought the video clips into Adobe Premiere and created the video based on 4 second transitions then I asked the developers to auto advance the text sliders to sync with the video behind it.
At any time the user can swipe back and forth to re-read the copy and the video will just continue playing behind. This way the video is not a distraction while interacting with the page.
As a part of this I realized that we had to update the login and sign up pages otherwise it felt like a broken experience in that the user would go from this beautiful page into a dated form. Therefore we also updated those screens.
Here is a peek at some of the documentation for the forms.
This code is currently being pushed to the App store (written October 7th 2018). I hope to update stats here soon. We anticipate this will increase sign ups and influence overall behavior.
I am working on these updates for Android now.
Both apps should be updated by December.