<?xml version="1.0" encoding="utf-8"?>
Open full project

Great! Onboarding screens are a crucial part of introducing users to your app and its features. Here are some steps you can follow to create an effective onboarding screen for your app:


Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Hey Muthuselvan,

First off, great job completing your design brief. It’s commendable how you approached the project and your initial efforts are clear.

Here are some feedback points that could help enhance your design:

  • For the illustrations on the welcome screens, consider improving their quality and uniformity. Using AI Generative Art tools like Recraft.ai can help you create consistent vector-style illustrations, which you can export as SVGs for better quality.
  • On the welcome screen, align all elements consistently. Currently, the text is left-aligned while the illustration and button are center-aligned. Center-align everything for a cohesive look.
  • Work on the button proportions on the welcome screen. It looks good but could be better balanced with the other elements.
  • The brief requires you to identify and analyze friction points in the onboarding flow. You've made a good start, but try to identify more potential friction points that users might encounter and address them in your design.
  • Your interface features all the necessary elements for login, but exploring some design inspirations on platforms like Dribbble and Behance could help make it more visually appealing.
  • For the side menu navigation, consider studying reflex theory and user mental models. Moving away from traditional navigation can introduce friction, so keep user expectations in mind to minimize learning curves.
  • Nice job with the tooltip guiding users when they try to interact with navigation items before linking an account. Consider reducing its size and intensity to make it less invasive while still effective. Also, improve the microcopy to educate users on the benefits of connecting their accounts.
  • The analytics screen looks promising, but ensure uniformity in typography, border radius, and color across different modules. Remove redundant elements like displaying the user's name twice in the header.
  • Use the default iOS status bar from Figma’s iOS & Material kits to enhance the immersive experience.
  • I'd love for you to add a walkthrough or more detailed description to help stakeholders better understand your thought process and design.

I'd love to see you put more work into this project. You have the ability to make it even better, and I'm confident you can achieve great results with these adjustments.

Keep up the great work!


2 Claps
Average 2.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>