Blinkist Web Player
As a lead designer on this project, I worked and coordinated closely with stakeholders to redesign the Blinkist web player that could increase the usage of our premium users. I was responsible for the research, wire-framing, and creation of pixel-perfect mockups.
Problem
More and more researches show that our users have a need of using the Blinkist web application.
Data also shows that in India, a significant amount of the Blinkist premium users are using the Blinkist web app, our hypothesis was that they use it for learning English.
Our web app hasn't changed since 2016, compare to our mobile app, it lacks lots of basic functionalities, which cause a bad user experience for our premium users.
Research findings in the Product Marketing Fit Research
Research findings in the Product Marketing Fit Research
Goal
Make the Blinkist web app to reach the basic parity with the Blinkist mobile app.
Reduce the micro frustrations by fixing the existing UI issues.
Modernize the look and feel by applying our up-to-date design language.
My Role
The project was about 2 months. I am the lead designer of this project. I was responsible for the end-to-end web development process in the web growth mission team. Not only did I help to uncover potential user problems and deliver designs, but also acted as a PM to drive the project.
Our team includes
One Designer (me) / One Web Engineer (Sara) with support from others
My scope includes
Understand users pain-point and find insights from qualitative and quantitative data
Collaborate with web Engineers to understand the tech constraints
Run user tests to uncover user needs
Design and deliver UI/UX designs
I was presenting the design in the Design Open Hour session to collaborate and gather other designers feedback.
Design Process
Research & Data findings
More users use the "Highlight" feature on the Blinkist web app. During the survey, many users said it's more convenient to highlight on the web.
Data shows, not many people use the Blinkist web app on their mobile devices.
3. Survey shows main reasons users use the web is “Easier to navigate, read, save specific titles”, “Easier to take notes on the laptop while reading”, “I like having access to both depending on which one is more convenient to use”
Prioritize
For web development, we started from the Reader/Player section.
Design Solutions
Web Reader/Player
2. Key Ideas Section
3. Home Section
4. Explore Section
5. Highlights Section
Project Status
Due to some priorities switch, this project is moving forward slowly. Therefore, it’s not live in the production yet. However, I am still very happy that the team is very excited about this project.
Design in code
Thank you for reading.