1. unboxing
The Goal: Unboxing flow helps give users a sense of what they'll need to do in order to get what they need from an app or product. It's a way of building confidence and trust with the user.
The Research: How familiar are your new users with similar products? Studied what unboxing method is best for this product by researching other related products onboarding experience and best practices. In addition, we collect findings from user testing for any specific area that user can ignore or missed.
1. Welcome messages The design helps users keep an eye towards their end goal and motivate them to complete eText user onboarding experience in order to start using the app.
2. Action-driven tooltips By highlighting a given element in the app and darkening the space around it. We use Appcue to create coachmark for more specific feature, like settings, Audio or study tools.
3. Unboxing animation I created this animation using abstract elements to show key features of eText as introduction for new users want to learn about eText.
Unboxing flow
I created these illustrations with warm welcome visual and messages to highlight the key features of eText.
The Goal Adding the bookshelf experience to existing eText app with improved looks and feel.
Visual Redesign The current eText app is very basic and lack of excitments which less appearing to students. I work on adding more color and animation (sliding effect). Adding more “bookshelf” look to it, creating a more modern look from simplify the top bar.
Example of wireframe
The original design
New visual redesign exploration ( Including dark mode)