Data capture "Onboarding screen"
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:
Tools used
From brief
Topics
Share
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
You might also like

Project
Pawtify - Responsive Landing Page Brief
Description This is a landing page for a fictional pet salon called Pawtify, a modern, friendly pet salon brand designed to make grooming en

Project
Accessible Signup Form for SaaS Platform
Form

Project
SIPALA - Attendance, Leave, and Activity Management System

Project
Build a Product Roadmap
Design an experience that can help Thai farmer to monitor weather and grow farm business.

Project
Monday.com Color System
This project presents a redesigned, fully structured Color System for Monday.com with the goal of establishing a modern, minimal, and functi

Project
User Persona
Decision-Making Process Behind the User Persona CreationThe user persona was developed through a structured decision-making process to under
Interaction Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.








