Thakur Polytechnic

Department of Computer Engineering

SYCO Semester – 4
[2024-2025]

SUBJECT: UI UX DESIGN (314005)

Roll No Name of student

126 Meet Shah
137 Raj Shirdhankar
135 Yash Sharma

GUIDED BY – MRS. SAKSHI MORE

 MAHARASHTRA STATE BOARD OF TECHNICAL
EDUCATION.

This is to certify that the following group of students roll nos. 103,107,108 of 4th
Semester of Diploma in Computer Engineering of institute, THAKUR
POLYTECHNIC (Code:0522) has completed Micro-Project satisfactory in
subject – UI UX DESIGN (314005) for the academic year 2024-2025 as
prescribed in curriculum.

Names of the members, roll numbers & enrollment numbers:

Roll No Name Enrollment No

126 Meet Shah 23151460472
137 Raj Shirdhankar 23151460484
135 Yash Sharma 23151460482

Place:
Mumbai Date:
01 / 04 /2025

Subject Teacher Head of Department Principal

Institution Seal
 ACKNOWLEDGEMENT

We feel immense pleasure in submitting this report on “Advance UI/UX effects

demonstration” While submitting this report, we avail this opportunity to
express our gratitude to all those who helped us in completing this task. Heading
the list with our own honorable Principal Dr. S. M. Ganechari who is the
beginner of our inspiration.

We owe our deep gratitude and are also very thankful to our guide
Mrs. Vandana Prabhu and HOD Mrs. Vaishali Rane who has proven to be more
than just a mere guide to us. Apart from bringing to us what can be joy of
successful completion of this project was only possible due to her guidance and
co-operation without which this work would never have been completed.

Finally, we wish to express our deep sense of respect and gratitude to each and
every staff member who has helped us in many ways and also our parents who
have always bared with us in any critical situation and to all others, sparing their
time and helping us for completion of this project in whatever way they could.
And lastly, we are grateful to each other member of our group. Thank you!
PROPOSAL
 Title: Advance UI/UX effects demonstration

1. Aim/Benefits of the Project

The goal of this project is to design and implement a “WhatsApp Clone” that

replicates modern messaging app interfaces using advanced UI/UX effects. This

project focuses on creating a dynamic, interactive, and visually appealing chat

application.

2. Course Outcomes Addressed

This micro-project aligns with the following course objectives:

 Understand UI/UX design principles and current trends.

 Develop interactive interfaces that enhance user engagement.

 Implement modern animations and transitions to improve usability.

 Apply component-based UI design to build consistent interfaces.

3.Proposed Methodology

The project follows a structured approach to implementing UI/UX effects:

 Research and Analysis:

Study the WhatsApp interface and current trends in messaging apps.

 Wireframing & Prototyping:

Create layout prototypes using design tools (e.g., Figma) to plan the interface.
 Design Implementation:
Develop the interface with vertical scrolling, micro animations, smooth navigation,
and click effects.

 Testing & Evaluation:

Test the interface on various devices to ensure usability and responsiveness.

 Final Demonstration:
Showcase the interactive WhatsApp Clone with all the advanced UI/UX effects.

1. Action Plan

Sr. Details of Activity Planned Planned Name of

No. Start Date Finish Date Responsible
Team
Members
1. Information Search 25/3/2025 25/3/2025 Meet
Shah,
Raj Shirdha
nkar
2. Group Discussion 25/3/2025 25/3/2025 All group
members
3. Taking reference 25/3/2025 25/3/2025 Meet
Shah,Yash
Sharma

4. Compilation of 25/3/2025 25/3/2025 Yash Sharma

reports
5. Presentation and 30/03/2025 30/03/2024 All group
report submission members
1. Resources Required

Sr.N Name Specifications Quantity Remarks

o.
of
Resources
1. Google Search Engine 1 Available
Chrome
2. Figma Execution 1 Available

3. Computer Intel Core i7 1 Available

System 10700f
16 GB RAM
500 GB SSD

Roll Numbers of Names of the Team Members

the
Team Members
126 Meet Shah
137 Raj Shirdhankar
135 Yash Sharma
REPORT
 1.0) Introduction

The “WhatsApp Clone” project focuses on creating a modern messaging app interface that
emulates the intuitive design and dynamic interactions of WhatsApp. With the growing
importance of user experience in digital communication, this project leverages advanced UI/UX
techniques to design an interface that is not only visually appealing but also user-friendly. By
integrating vertical scrolling, micro animations, smooth navigation, and engaging click effects,
the project highlights the impact of dynamic interactions on enhancing digital experiences.

Additionally, this project serves as a foundation for understanding how motion design, visual
hierarchy, and user feedback mechanisms contribute to a better overall user experience.
Through this demonstration, we aim to bridge the gap between static UI design and dynamic,
interactive experiences, ensuring an engaging and responsive interface .

2.0) Key UI/UX Effects Demonstrated:

 Vertical Scrolling:
Enables smooth navigation through chat threads, ensuring users can effortlessly browse
conversations.

 Micro Animations:
Subtle animations that provide feedback during interactions, creating a lively and engaging user
experience.

 Navigation:
Intuitive navigation elements that mirror popular messaging apps, ensuring ease of use and
quick access to different sections.

 Click Effects:
Immediate visual responses when users interact with buttons or chat items, enhancing the
overall responsiveness of the interface.
3.0) OUTPUTS:
1. Making of project:
2) Starting loading page:
3) Chat:

4) Video Call:
5) Audio Call:

6) Payment:-
7) Status Page
8) Community
9) Calls Page

10) New Group:

4.0) Learnings and Applications
Learnings:

 Deep understanding of modern UI/UX design principles.

 Practical insights into the implementation of dynamic effects like animations and
transitions.
 Enhanced skills in using design tools such as Figma.
 Importance of user feedback and iterative testing in developing responsive interfaces.

Applications in Real Life:

 Development of engaging and user-friendly messaging applications.

 Implementation of modern design techniques in mobile and web applications.
 Enhanced user interactions for e-commerce and social media platforms.
 Creation of interactive dashboards and data visualization tools with improved usability.

5.0) Conclusion
The “WhatsApp Clone” project successfully demonstrates how advanced UI/UX effects can be
employed to create a visually appealing and highly interactive messaging interface. By
integrating vertical scrolling, micro animations, intuitive navigation, and click effects, the
project not only replicates the familiar WhatsApp experience but also enhances it with modern
design techniques. This hands-on project has provided invaluable insights into current UI/UX
trends and has equipped us with practical skills applicable to a wide range of digital design
challenges. We believe these techniques will greatly influence our future projects in crafting
engaging and user-friendly digital experiences

Roll No Name Enrollment No

126 Meet Shah 23151460472
137 Raj Shirdhankar 23151460484
135 Yash Sharma 23151460482

SUBJECT TEACHER
(MRS. SAKSHI MORE )