The document is a project submission by Urvashi Jain from ADMEC Multimedia Institute, focusing on a theme of music for an Illustrator project. It includes acknowledgments for guidance received from instructors, a description of the creative process such as mind mapping, rough sketches, detailed user flows, wireframes, and mockups related to music classes. The project highlights the importance of UI/UX design principles and concludes with a call to action for learning design courses.

1. SARGAMVOCAL AND INSTRUMENTAL CLASSES CAMPAIGN
Submitted to Kapil Sir | Designed by Urvashi
ADMEC Multimedia Institute
www.admecidnia.co.in

2. INTRODUCTION TO TOPIC
I am Urvashi Jain and doing Graphics Master Plus
course from ADMEC Multimedia Institute. The theme
of my illustrator project is “Music”.
We all love listening, singing music. Music is found
everywhere whether its Om (the origin of everything)
or raindrops, cool breeze or chirping of birds.
Though music cannot be bind but arrangement of
sounds in a pattern is music and singing these
patterns or notes is called “SARGAM”.

3. ACKNOWLEDGEMENT
I would like to thanks Kapil sir for his ultimate
support and guidance, without his suggestions and
guidelines this project would not have been come
true.
I would also like to thanks Ravi sir and Promila mam
for their valuable suggestions and teachings
through special workshops and classes which have
helped me to understand colour theme, topics,
research etc. and complete this project .

4. MINDMAP
• Keywords, taglines
or symbols etc
that comes to
mind while thinking
about a particular
theme or subject is
mindmap .
• So I have collected
all the words, lines
that comes to my
mind while thinking
of music classes
for its app.

5. ROUGH SKETCHES
I roughly drawn sketches for each and every page to have an idea of
the layout. This step is the essential step of the UI designing process.

6. DETAILED USER FLOWS
Detailed user flow helps in the planning of overall navigation of the
design.

7. WIREFRAME & MOCKUP
Wireframes are the
blueprints of any website.
Wireframes forms the
skeletal structure of the
webpage. Using these
blueprints we can easily
arrange the elements of
the webpage.
We can design
wireframes in UI
designing applications
like Photoshop and XD.
Mockups are the colored
and final design of the
app or any website.

8. Have a look at the final designs!

11. THANK YOU!
ADMEC MULTIMEDIA INSTITUTE
www.admecindia.co.in
Learn UI/UX Designing from experts by joining our interactive courses:
https://www.admecindia.co.in/ui-and-ux-courses
/admecInstituteOfficial /admecindia /admecinstitute /admecinstitute
®