I had designed Pinch's website platform 4 years ago in 2015. Over the course of 4 years, The tone of the contents has been refined and new problems have emerged.
Protect the sacred space between the reader and the content. Be subtle so that the illustration and content get more attention.
New contents should grab attention so that the subscribers find something new to read every day.
Fill all the design loopholes, as some features were added after the initial 2015 design. Carefully design every element and deliver a clear, unified voice.
Each blob and color symbolizes the three categories.
One of the insights from the survey was that the readers want to quickly skim through the titles of the content and find something new to read. A pattern I saw from analytics data was that a lot of times, our readers binge-read, reading through a lot of articles per visit.
To make that more comfortable, I designed a page where users can browse all of the content and quickly jump to past articles.
To improve the discoverability of the new articles, the latest articles is placed at the top of the home page.
I prototyped a loader animation with the three brand identity elements. The loader is incorporated into the skeleton loader.
I brought dark mode into this update to make nighttime reading more comfortable. Now about 50% of the active users are using Dark mode (Aug 2019).
I designed and prototyped interactive animations to make the website appear as tangible and dynamic.
The fact that I was the only designer in this project was both exciting and terrifying. I had great creative freedom that let me explore all the areas I wanted to learn more about.
Since the timeline was extremely hectic, there is a lot of first-hand research and process that I had to skip. In the future I would like to take time to sit down with the user, perform more testing, gather direct user feedback, and build Pinch a design system.