In Summer 2020, I worked as UI/UX designer in Logos, a news media start-up based in LA. I was in charge of designing the onboarding process for new readers and writers to set up their preference and help boost themselves. My work includes two prototypes of onboarding process, on mobile and desktop, and rebranding design system of Logos with two other designers. This documentation would focus on the first work I did.
As a new startup in news media industry, Logos aims to create a platform for readers to enjoy the reliable articles and discuss freely, while writers are able to express their opinions and gain reputation. In other words, anyone can apply for writer and share their thoughts on news.
To attract as more audience as they can, writers tend to build up profiles to improve credibility. On the other hand, readers want to read the topic they feel interested right after signing up. However, now the profile setting is hidden in a small section that is hard to find.
I built up an onboarding process for new users in collaboration with designers, CEO and Product Manager.
What I achieved:
1. Creating a smooth onboarding experience that encourage readers and writers to participate in the platform and personalize their contents.
2. Building up the responsive design for development. For this version, I will develop a mobile version design and web version design.
The result is praised in the company and ready to deploy to website.
Currently, there is no onboarding instruction while signing up. So if the writer wants to set up their profile, they need to go find the profile tab to change the default state, which hugely influenced user's willingness to participate in the community. For the readers, they are not able to choose the topics they are more interested or subscribe the writers they like; For the writers, they need to edit their profile manually before they forgot about it.
After briefing, I sketched out a simple page flow to get a better understanding on the whole experience. We immediately realized that the process is way too long for our users. Therefore the design team especially discuss a lot on how to shorten the profile setting for writers and readers while helping them building up an informative profile. I eliminate the unnecessary input fields and expand the important sections (Work Experience and Education) to two different pages, so that they can expand their profile freely while not feeling bothered by redundant components.
As for the visual, I collaborated with Chien-Chun Wu, the other designer in our team, to test out the new design system. I devoted myself to build up clean and professional visual style with the components he designed. Moreover, we benefited a lot from testing new system in responsive design, which gave us thoughts on the accessibility of components and style.
After several iteration, the page have more consistency and accessible.
My prototype includes:
1. New user flow for onboarding process with visual following the design system.
2. Responsive design for mobile users.
