UI/UX DESIGN

AT

XDEZO TECHNOLOGIES PVT. LTD.

By:

Sujan Tamang
Exam Roll No: 10782/19
TU Registration No: 7-2-297-1040-2019

An Internship Report Submitted to

Faculty of Management, Tribhuvan University

In partial fulfillment of the requirements for the degree of

Bachelor of Information Management

at the
Janapriya Multiple Campus

Tribhuvan University

Pokhara, Nepal
September 2024
 STUDENT’S DECLARATION

I hereby declare that this internship project entitled “UI/UX DESIGN” submitted to
Janapriya Multiple Campus, Office of the Dean, Faculty of Management, Tribhuvan
University, under the guidance of “Mr. Yam Kumar Baral” for the partial
fulfillment of requirement of the Bachelor of Information Management (BIM) is the
result of my own internship study carried out in year 2024 at XDEZO
TECHNOLOGY PVT. LTD., POKHARA and I have not submitted it earlier to any
other university or anywhere else.

Date:
Signature:
Name: Sujan Tamang
TU Exam Roll No.: 10782/19
TU Regd No.: 7-2-297-1040-2019

ii
CERTIFICATE FROM THE SUPERVISOR

iii
CERTIFICATE FROM THE ORGANIZATION

iv
 ACKNOWLEDGEMENT

I would like to sincerely thank Tribhuvan University, Faculty of Management and

Janapriya Multiple Campus (JMC), Pokhara for providing the opportunity to carry out
this internship project that helps to enhance my knowledge, skills and capabilities.

I would like to take this opportunity and show my gratitude towards Mr. Yam
Kumar Baral (BBA/BIM Program Coordinator and Supervisor, JMC) for providing
me the necessary guidance and supervision.

I would like to thank XDezo Technologies, which accepted my presence and

provided me to work in their organization. It was a great experience to practically
learn and closely observe the organization environment and work culture. I had the
greatest opportunity to share views and ideas with different people in the organization
environment and work culture during my internship period.

I would like to express my greatest gratitude towards Mr. Dinesh Thapa (CEO,
XDezo Technologies), Mr. Abhinash Gurung (Dept Head and Mentor, XDezo
Technologies) for providing direction in the intern process, guidance, suggestions and
timely help during the internship period.

Finally, I am very much thankful towards all the teachers, teammates and friends
who supported me as well as provided all the facilities for the successful completion
of this report.

v
 Table of Contents
Title Page
Student Declaration........................................................................................................ii
Certificate from the supervisor......................................................................................iii
Certificate from the organization..................................................................................iv
Acknowledgement...........................................................................................................v
List of tables................................................................................................................viii
List of figures..................................................................................................................x
List of Abbreviation.......................................................................................................xi
Executive Summary.........................................................................................................i
CHAPTER: I INTRODUCTION........................................................................14-21
1.1 Background of Study.....................................................................................14
1.2 Objective of the study....................................................................................14
1.3 Methodology..................................................................................................15
1.3.1 Organization Selection...........................................................................15
1.3.2 Placement...............................................................................................15
1.3.3 Duration of Internship............................................................................16
1.3.5 Activities Performed...............................................................................18
1.5 Significance of the Study...............................................................................21
1.6 Limitations of the Study................................................................................21
CHAPTER II INTRODUCTION TO IT INDUSTRY......................................23-25
2.1 Introduction to the IT Industry...........................................................................23
2.2 History of the IT Industry...................................................................................23
2.3 Evolution of IT in Nepal.....................................................................................24
2.4 Opportunity in Nepali IT Sector.........................................................................24
2.5 Present situation of UI/UX in Nepal..................................................................25
CHAPTER III INTRODUCTION TO THE ORGANIZATION.....................26-29
3.1 Introduction of XDezo Technology....................................................................26
3.2 Contact Information............................................................................................26
3.3 Organizational Structure.....................................................................................27
3.4 Services Offered.................................................................................................28
3.5 Mission and Vision.............................................................................................29
CHAPTER IV ACTIVITIES DONE AND PROBLEM SOLVED..................30-41
4.1 Analysis of Activities Done................................................................................30
4.1.1 Conducting User Research..........................................................................30
vi
 4.1.2 Creating Personas and User Journeys..........................................................30
4.1.3 Designing Wireframes.................................................................................31
4.1.4 Refining User Interfaces:.............................................................................31
4.1.5 Prototype Design.........................................................................................32
4.1.6 Usability Testing.........................................................................................33
4.1.7 Reiterating the Design.................................................................................34
4.1.8 Documentation.............................................................................................35
4.1.9 Development Stage......................................................................................35
4.2 Tools used...........................................................................................................35
4.2.1 Figma...........................................................................................................36
4.2.2 Adobe XD....................................................................................................36
4.2.3 Canva...........................................................................................................37
4.2.4 Trello...........................................................................................................38
4.3 Use Case diagram...............................................................................................39
4.4 Sequence diagram...............................................................................................40
4.5 Problem Solved..................................................................................................41
CHAPTER V CONCLUSIONS, AND LESSON LEARNT...................................42
5.1 Conclusion..........................................................................................................42
5.2 Lesson Learnt.....................................................................................................42
REFERENCES...........................................................................................................44
APPENDIX.................................................................................................................45

vi
 LIST OF TABLES

Table 1.1: Duration of Internship.................................................................................17

Table 1.2: Log Sheet of Activities Performed..............................................................18

Table 3.1: Contact Information....................................................................................26

viii
ix
 LIST OF FIGURES

Figure 1.1: Placement of Internship.............................................................................16

Figure 1.2: Gannt chart UI/UX Design Internship Work Procedure............................18

Figure 3.1: Organizational Structure of XDezo Technology.......................................27

Figure 4.1: Low Fidelity and High Fidelity Wireframing in Figma............................31

Figure 4.2: Dashboard of Vision Entertainment...........................................................32

Figure 4.3: Prototyping in Figma.................................................................................33

Figure 4.4: Peer Testing...............................................................................................34

Figure 4.5: UI Elements for Initial Development and Future Enhancements..............35

Figure 4.6: Figma Dashboard Overview......................................................................36

Figure 4.8: Wireframing with Adobe XD....................................................................37

Figure 4.9:Canva used for Logo design.......................................................................37

Figure 4.10: Trello Dashboard with completed Task...................................................38

Figure 4.11:Use case Diagram.....................................................................................39

Figure 4.12: Sequence Diagram...................................................................................40

x
 LIST OF ABBREVIATION

BIM : Bachelor of Information Management

CEO : Chief Executive Officer

CSS : Cascading Style Sheets

ER : Entity Relationship

GIF : Graphics Interchange Format

HTML : Hypertext Markup Language

IT : Information Technology

JPEG : Joint Photographic Experts Group

PNG : Portable Graphics Format

TU : Tribhuvan

University UI : User Interface

UML : Unified Modeling Language

UX : User Experience

XD : Experience Design

xi
 EXECUTIVE SUMMARY

This internship report contains the details of the activities carried out during the
internship conducted at XDezo Technologies Pvt. Ltd. Pokhara-7, Ratna Chowk,
Nepal. It was real time work experience at XDezo Technologies. It taught me how to
work in a group and be an efficient team member. The main objective is to reflect my
achievements during internship and to be familiar with practical aspect of the
theoretical knowledge gained at college. This report is the part of my internship
project, required by TU in partial fulfillment for the requirement of BIM program.

I have done my internship in UI/UX designing of project titled "VISION

ENTERTAINMENT" which was assigned to me during my intern program by XDezo
Technology. My task in this project was to design and develop UI mockups and
prototypes that clearly illustrate how sites function and look like. The focus of this
internship program is on user experience by designing easy-to-navigate software for
all types of digital products like websites, applications, and other interactive devices.
UX includes the overall experience that a user has as they interact with a website or a
mobile application. UI/UX Intern is responsible for collecting; researching,
investigating and evaluating user needs to deliver an exceptional user experience
providing an outstanding and intuitive application design. Throughout my internship
period I was always experiencing the practical implementation in UI/UX designing.
This internship helped me a lot. Now I'm confident that I could efficiently work in this
field with my full dedication.

xi
xi
 CHAPTER I
INTRODUCTION

1.1 Background of Study

An internship is a valuable, hands-on learning opportunity that bridges the gap
between academic knowledge and professional experience. It gives students the
chance to apply theoretical concepts in real-world scenarios, helping them gain
practical skills relevant to their field. Internships not only help students develop a
clearer understanding of their career interests but also offer insight into industry
standards and workplace dynamics. As part of the Work-Related Learning module,
students were required to complete an internship in an IT company for a set number of
weeks.
As a UI/UX designer intern at XDezo Technologies, under the guidance of CEO Mr.
Dinesh Thapa, the internship spanned 12 weeks, from May 15, 2024, to August 15,
2024. Throughout this period, the intern gained valuable insights into a professional
working environment and improved a range of skills, including research and analysis,
communication, problem-solving, technical proficiency, time management,
application development, and teamwork.
During the internship, the intern engaged in extensive research and analysis of UI/UX
design principles, keeping up with industry best practices, emerging trends, and
practical applications of design strategies. The focus was on understanding the
technical aspects of user interface and user experience design. This hands-on exposure
deepened the intern’s understanding of the field and strengthened their enthusiasm for
pursuing excellence in UI/UX design.
This report provides a comprehensive summary of the internship experience,
highlighting the lessons and skills acquired, along with the opportunities to apply
them in a real-world setting. It includes a detailed overview of the skills developed, a
description of the intern’s role within the organization, the tasks carried out, and the
specific competencies gained. This report is intended to serve as a valuable resource
for future students, offering insights to enhance their own internship experiences.

1.2 Objective of the study

The primary objective of an internship is to familiarize students with a real-world

14
working environment. Through internships, students not only gain professional

15
experience but also benefit from personal and cultural growth. The specific
objectives of the internship program are as follows:

 To apply theoretical knowledge gained from coursework to practical

scenarios in a real-world work environment.
 To gain firsthand experience of the professional work setting and
understand workplace operations.
 To develop and enhance both technical and soft skills, such as problem-
solving, communication, teamwork, and time management, in a
professional setting.
 To gain practical knowledge in real-world UI/UX design processes,
including user research, prototyping, and usability testing.

1.3 Methodology
This section outlines the approach used to complete the internship report, including
how the organization was selected, the placement details and duration, the key
activities performed, and the methods employed for data collection such as interviews
and surveys.

1.3.1 Organization Selection

The intern discovered XDezo Technology through a Facebook advertisement and was
intrigued by the opportunity it presented. After contacting the company, a visit was
arranged to learn more about the work environment and internship offerings. The
decision to pursue an internship with XDezo was further influenced by positive
recommendations from friends who had previously interned there. The selection
process involved a written exam and an interview, through which the intern was
ultimately selected for the role.

1.3.2 Placement
After organization’s selection process it placed Intern as an UI/UX designer intern in
the organization under the guidance of MR. Abhinash Gurung where, Intern got the

16
opportunity to learn the real organization process and UI/UX design process along
with the importance of teamwork.

Figure 1.1: Placement of Internship

1.3.3 Duration of Internship

During my internship, I had the opportunity to work closely on various UI/UX design
projects, where I learned about real-world design processes and how user-centered
design contributes to the overall success software development. I gained hands-on
experience in research, wireframing, prototyping, and usability testing. The
organization’s collaborative environment and training helped me quickly adapt to
their design standards and best practices, enabling me to contribute effectively to
enhancing user experiences and interface designs.

17
 Table 1.1: Duration of Internship

Start Date 5/15/2024

End date 8/15/2024

Days of work Monday to Friday (5days)

Office Hours 11:00AM to 5:00PM (6hrs)

Position UI/UX Design Intern

Internship Period 3 Month

12 weeks
Duration

1.3.4 Work Procedure

The internship followed a structured approach based on the UI/UX design process. It
began with foundational learning of design elements, including visual hierarchy,
typography, and color theory, and progressed to more advanced concepts such as
wireframing, prototyping, and user research. Weekly tasks were designed to build
upon the previous knowledge, leading to the development and refinement of
individual projects. Key milestones included usability testing, A/B testing, and
incorporating user feedback. By the final weeks, the design system was solidified, and
the project was handed over to developers. The Gantt chart illustrates the timeline and
flow of these tasks across the 12-week internship.

18
Figure 2.2: Gannt chart UI/UX Design Internship Work Procedure

1.3.5 Activities Performed

The different activities performed during internship are presented in the form table:

Table 1.2: Log Sheet of Activities Performed

Week Date Tasks Performed Tools Outcome/Progress

used
1 05/15/2024 Introduced to UI/UX Figma Developed
- principles, Elements of UI understanding of basic
05/21/2024 design, made familiar with UI/UX design and
Figma tools, and wireframing
replicated basic principles.
wireframing designs
provided by mentor.
2 05/22/2024 Refined initial wireframe Figma, Developed detailed
- designs into detailed Sketch design layouts,
05/29/2024 layouts; assigned to create improving overall
a dashboard for extended understanding of
understanding of design dashboard and layout
structure Visual design design.
with proper layout grid,
with the help of UI
principle.
3 05/30/2024 Created a proper design Figma, Established a
- system covering essential Adobe consistent design
06/06/2024 elements such as color XD system, began work on
schemes, buttons with the E-learning website
variants, typeface design, focusing on
selections, and icons. implementing the
Assigned to work on an design system.
individual E-learning
website design.

19
4 06/07/2024 Presented project, received Figma, Improved design based
- feedback on layout, Adobe on feedback. Enhanced
06/13/2024 navigation, and UX. XD understanding of
Learned about prototyping responsiveness and
and responsiveness for user interaction in
multiple screen sizes. prototypes.
5 06/14/2024 Conducted usability Figma, Improved overall
- testing with peers to Adobe design based on testing
06/20/2024 gather feedback on user XD feedback. Enhanced
flow and design. prototyping features
Redesigned the project, for better interactivity
improving the and made the design
prototype, responsiveness responsive for
across devices, and different screen sizes.
incorporating accessibility Addressed usability
enhancements for a better and accessibility
user experience. concerns.
6 06/21/2024 Completed a test to Figma, Successfully
- evaluate UI/UX skills Canva completed the exam.
06/28/2024 learned so far. Introduced Acquired new skills in
to animation techniques animation and mobile
for enhancing user vs desktop design
interaction. Designed adaptation, improving
logos using Canva. design flexibility.
Learned about mobile app
design and conducted a
comparison between
desktop and mobile app
interfaces. Gained insights
into adjusting designs for
different screen sizes and
platforms.
7 06/29/2024 Began the research phase Trello,
- for the individual project Figma,
06/05/2024 (online movie streaming
web design). Conducted
user research through
surveys and interviews to
understand user needs,
preferences, and behavior.
Defined key user personas
and user journey maps to
guide the design. & Made
low-fidelity wireframes
for project.
8 06/6/2024 Added visual elements Figma Created a polished
- like color schemes, visual design, aligning
06/14/2024 typography, and branding with the brand identity
to the wireframes. Worked and user needs.
on refining the design
based on the user
personas.
9 06/15/2024 Developed interactive Figma Completed interactive
- prototypes, and focused on prototypes and

20
 06/22/2024 responsiveness, simulating identified areas for
user flows such as movie refinement based on
browsing and selection. user feedback.
Tested with peers and
gathered feedback for
further improvement.
10 06/23/2024 Conducted A/B testing and Figma, Improved design based
- usability testing. Held Google on feedback,
06/30/2024 meetings to review meet enhancing user
feedback and redesign key experience and
elements based on test interaction flow.
results.
11 06/31/2024 Finalized the project Figma,
- design and completed the Microsoft
06/07/2024 required documentation. Word
12 06/08/2024 Handover of the finalized Figma,
- UI/UX designs to web Adobe
06/15/2024 developer interns, XD
including design
specifications, assets, and
guidelines.

1.4 Methods of Data Collection

The data needed to prepare this report has been collected from both primary and
secondary sources ensuring comprehensive understanding of the subject matter.

i. Primary Data Source:

Primary data has been collected through unstructured personal interviews and
discussions with officials of XDezo Technologies Pvt. Ltd. Discussions with
the lead designer Mr. Abhinas Gurung provided detailed information on how
they conduct usability testing and refine design prototypes based on user
feedback, which was highly relevant to my project.

ii. Secondary Data Source:

The secondary data has been collected through XDezo Technologies official
website, their social media pages, and other reports related to UI/UX design. I
referred to the case blog posts on their website to understand their design
approach and how they implement industry best practices.

21
1.5 Significance of the Study
Undertaking an internship in the final semester of college can offer substantial
benefits and hold great significance.
 Provides practical experience in applying UI/UX design concepts to real-
world projects.
 Improves problem-solving skills by addressing design challenges and
user needs.
 Offers exposure to Agile workflows, fostering collaboration and
iterative design.
 Deepens understanding of user behavior through research and usability testing.
 Helps build a professional portfolio, showcasing UI/UX design skills to
future employers.

1.6 Limitations of the Study

The internship at the IT company (XDezo Technology) provided an excellent
learning experience. This report has been prepared using observations, personal
experiences during the internship, both formal and informal interviews with staff,
as well as secondary data gathered from online sources. However, the internship
also had its constraints. The primary limitations of the internship are outlined as
follows:
 Lack of Experience in UI/UX Design: I had limited experience in UI/UX
design, which led to challenges in understanding design principles and
creating effective user interfaces.
 Difficulty in Understanding User Needs: I struggled to fully comprehend
user requirements, which sometimes resulted in designs that did not align with
the target audience's expectations.
 Challenges with Usability Testing: Conducting usability tests and
analyzing the feedback was challenging, making it harder to implement the
necessary
improvements.

22
  Difficulty Adapting to Design Tools: I found it difficult to quickly learn
and adapt to new design tools and software such as Figma, Adobe, slowing
down my workflow.

 Meeting Design Deadlines: I encountered difficulty in meeting

design deadlines, which occasionally affected the project's overall
timeline.

 Adapting to the Company’s Design Guidelines: I found it hard to align my

designs with the company’s established design systems and guidelines,
which affected consistency in the overall project.

1.7 Organization to the Report

The report is divided into 5 Chapters and each of these Chapters consists of short
descriptions related to that topic.

Chapter 1: Provides an overview of the project, detailing its working mechanism,

key objectives, methodology, significance, and potential limitations. This chapter sets
the foundation for understanding the project's scope and approach.

Chapter 2: Offers a comprehensive overview of the software industry, tracing its

global history and evolution in Nepal. This chapter highlights key milestones and the
industry's impact on the modern technological landscape.

Chapter 3: Presents an in-depth overview of the organization, including its structure,

hierarchical framework, and the various domains in which it operates. This section
also highlights the roles and responsibilities within the organization.

Chapter 4: Details the various activities carried out throughout the project, the
challenges encountered and resolved, as well as a comprehensive weekly log
outlining the tasks accomplished each week.

Chapter 5: Summarizes the overall internship experience, offering lessons learned,

and the final conclusion drawn from the project and its outcomes.

23
 CHAPTER II
INTRODUCTION TO IT INDUSTRY

2.1 Introduction to the IT Industry

The Information Technology (IT) industry has become a cornerstone of modern
society, powering advancements in technology and transforming how we live and
work. IT is integral to modern life, driving innovations in various sectors such as
business, education, healthcare, and entertainment, IT drives innovation across all
sectors. It enables seamless communication, efficient data processing, and
automation, which are essential for businesses, governments, and individuals to
operate in today’s fast-paced world.
At its core, IT aims to streamline operations, enhance productivity, and facilitate
communication through the use of technology. It involves the design and
implementation of systems that handle data processing, storage, and retrieval
efficiently. Key areas within IT include system analysis, software engineering,
database management, and network infrastructure, each contributing to the
development of robust and scalable technological solutions. The field of IT is
dynamic and rapidly evolving, with advancements in technologies such as cloud
artificial intelligence, and big data analytics continuously reshaping how information
is managed and utilized. IT professionals play a crucial role in developing,
maintaining, and securing these systems, ensuring that technology meets the growing
demands and challenges of the digital age.

2.2 History of the IT Industry

The history of Information Technology (IT) is characterized by transformative
advancements that have reshaped how we process and communicate information.
Beginning with early tools like the abacus and mechanical calculators, IT evolved
with Charles Babbage’s conceptual Analytical Engine and Herman Hollerith’s
tabulating machine, laying the groundwork for modern computing. The mid-20th
century saw the advent of electronic computers such as ENIAC and the development
of transistors, leading to more compact and reliable machines. The personal computer
revolution of the 1970s and 1980s, along with the rise of the World Wide Web in the
1990s, further democratized and expanded access to technology. The 21st century has
24
been marked by the proliferation of mobile devices, cloud computing, and emerging
technologies like

25
artificial intelligence and blockchain, continuing to drive innovation and integrate IT
into every facet of modern life.

2.3 Evolution of IT in Nepal

The evolution of Information Technology (IT) in Nepal has been marked by gradual
but significant progress. Starting with basic computing and the introduction of the
internet in the 1990s, the early 2000s saw growth in IT infrastructure, including
broadband expansion and the rise of IT education. The 2010s ushered in digital
transformation, with increased mobile technology adoption, e-commerce, and digital
payments. Government initiatives and the growth of IT startups and innovation have
further accelerated the sector’s development, establishing IT as a key driver of Nepal's
modern economy and infrastructure. Government initiatives aimed at enhancing IT
literacy and expanding connectivity, combined with the emergence of private IT firms
and educational institutions, have been crucial in advancing the sector.
The 21st century has witnessed a significant increase in internet penetration, mobile
technology, and software development. The rise of startups and entrepreneurial
ventures has further enriched Nepal’s IT ecosystem. Notable progress in e-
governance, online services, and digital payments reflects the growing significance of
IT in the country’s socioeconomic development. Although challenges such as
infrastructure limitations and cybersecurity concerns remain, Nepal’s IT sector is on a
promising trajectory, poised to continue driving innovation and contributing to the
nation's modernization and economic growth.

2.4 Opportunity in Nepali IT Sector

The Nepali IT sector is ripe with opportunities, fueled by technological advancements
and increasing digital demands. The growing need for customized software solutions
presents significant potential for IT companies to cater to various industries such as
finance, healthcare, and education. The government's focus on e-governance opens
avenues for developing systems that enhance public service efficiency and
transparency. Additionally, the expansion of mobile technology offers prospects for
creating innovative mobile and web applications.
The rise of cloud computing provides opportunities for IT firms to offer cloud-based
services, while the increasing importance of cybersecurity creates demand for robust
security solutions. The burgeoning startup ecosystem and the potential for outsourcing
26
and offshoring services further highlight the sector's growth potential. As IT continues
to evolve, these opportunities are set to drive innovation and contribute to Nepal’s
economic development and modernization.

2.5 Present situation of UI/UX in Nepal

The current state of UI/UX design in Nepal is marked by significant growth and
evolving opportunities. There is increasing recognition of the crucial role that well-
designed user interfaces and positive user experiences play in the success of digital
products. This heightened awareness is driving local businesses and startups to
prioritize UI/UX design to enhance their digital presence. The educational landscape
is also expanding, with more institutions offering specialized courses in UI/UX
design, helping to cultivate a skilled workforce. The startup ecosystem in Nepal is
vibrant, with innovative projects often focusing on superior design to stand out in a
competitive market. However, challenges such as limited resources and the need for
more advanced UX research persist, highlighting areas for further development.
Supportive government and industry initiatives are fostering growth, positioning
Nepal’s UI/UX sector as a promising field with substantial potential for both local and
international opportunities.

27
 CHAPTER III
INTRODUCTION TO THE ORGANIZATION

3.1 Introduction of XDezo Technology

XDezo Technologies is a next-generation technology company that helps businesses
re- imagine their future for the digital age. At XDezo Technologies, we are committed
to a better world and continuously evolving the way we work to deliver cutting-edge
solutions for global organizations and business startups. XDezo Technologies
products and services help to improve business performance and quickly win new
customers.

XDezo Technologies works on services i.e. Design & Branding, Software

Development, Digital Marketing, IT Services, Business, Digital & Engineering, and
Research, Development, and Innovation. XDezo Technologies always think about
how we can make this world a better place to live for everyone using our creative
passion, innovation, and technology. So, the company always Re-Imagine the Future
of everything or anything that creates an impact that matters. The company aims to be
the best at all that we do – to help customers realize their ambition, to make difference
in society, and to maximize the success of the people. This drive fuels the
commitment and humanity that run deep through their every action (Thapa, 2019).

Image 3.1: Logo of XDezo Technologies Pvt. Ltd

Source: (www.xdezo.com)

3.2 Contact Information

Brief Information about the company and contact information is shown in the table
below:
Table 3.1: Contact Information

28
 Name of the Organization XDezo Technology

CEO Mr. Dinesh Thapa

Address Pokhara-7 Ratnachowk

Contact Number +977-9825174992

Email [email protected]
Website www.xdezo.com

3.3 Organizational Structure

The following diagram depicts the organizational structure of XDezo Technologies
Pvt. Ltd.:

Figure 3.1: Organizational Structure of XDezo Technology

29
30
3.4 Services Offered
The Company Services are:
1. Design & Branding
 Logo Design
 Graphics Design
 Marketing & Advertising Design
 Packaging Graphic Design
 Publication Graphic Design
 User Interface (UI) Design
 Photography & Videography
2. Software Development
 Website/Web Application Development
 Mobile Application Development
 Desktop Application Development
 Custom Software Development
 E-Commerce Software Development
 Content Management System
 API Development & Integration
3. Digital Marketing
 Business Research, Digital Strategy and Planning
 Search Engine Optimization (SEO)
 Social Media Marketing
 Mobile Marketing
 Email Marketing & Bulk SMS
 Content Creation & Optimization
 Paid Advertising

31
 4. IT Services
 IT Sales
 IT Support
 IT Maintenance
 Managed IT Service
 IT Consulting
 Domain Registration
 Web Hosting
5. Business, Digital & Engineering
6. Research, Development & Innovation

3.5 Mission and Vision

The company’s mission is to deliver innovative and top-quality IT solutions which add
value to their client's businesses. In the company business policy, Customer
satisfaction is given first priority. The company team is very friendly in dealings with
the customers which builds lifelong relationships and enjoy solving clients’ problems
using their creative passion, innovation, and technology. The company’s to be a top-
notch company to provide innovative solutions to their customers.

The Company Slogan: "Re-Imagine the Future”

32
 CHAPTER IV
ACTIVITIES DONE AND PROBLEM SOLVED

4.1 Analysis of Activities Done

During my internship, I focused on elevating the user experience of digital products
by blending user research with practical design work. My tasks included gathering
insights through user surveys and usability tests to guide design decisions. I
developed wireframes and interactive prototypes using tools like Figma and Sketch,
which helped in visualizing and refining design concepts. Collaborating with
developers ensured that the final product adhered to design specifications, while
analyzing user interactions allowed me to make data-driven adjustments. Overall, my
work aimed at creating seamless and engaging digital interfaces. The following
activities are done during the three months of internship:

4.1.1 Conducting User Research

Conducting user research is a crucial aspect of UI/UX design that involves
systematically gathering information about users to understand their needs, behaviors,
and challenges. This process typically includes user interviews, surveys, and usability
testing. User interviews provide in-depth insights into individual user experiences,
preferences, and pain points through direct conversations. Surveys offer a broader
view by collecting quantitative data from a larger audience, which helps in identifying
trends and patterns. Usability testing involves observing users as they interact with a
product or prototype to identify usability issues and areas for enhancement.
Collectively, these research methods provide a comprehensive understanding of user
requirements and help in creating designs.

4.1.2 Creating Personas and User Journeys

Creating personas and user journeys involves synthesizing user research data into
actionable design tools. Personas are detailed, fictional profiles that represent various
user types based on research findings. They include demographic information, goals,
challenges, and behaviors, helping designers empathize with different segments of the
user base. User journeys, on the other hand, map out the steps users take to achieve
specific goals within a product or service. These visual representations highlight key
touchpoints and interactions, showcasing the user's experience from start to finish. By
33
developing personas and user journeys, designers can better understand user needs
and pain points, guiding the design process to create intuitive and effective user
experiences.

4.1.3 Designing Wireframes

Wireframing is the process of creating low-fidelity visual layouts that outline the
structure and placement of key elements in a digital product, such as navigation
menus, buttons, and content areas. During my internship, I used tools like Figma to
design these wireframes, which served as blueprints for my project Visions
Entertainment. I focused on mapping user flows and organizing elements to enhance
functionality and user experience. By iterating on the wireframes based on feedback, I
ensured that they effectively guided further design and development stages.

Figure 4.1: Low Fidelity and High Fidelity Wireframing in Figma

4.1.4 Refining User Interfaces:

Refining the user interface for Vision Entertainment, an online streaming website
design, involved enhancing both visual elements and functionality based on user
feedback and usability testing. Throughout the process, I focused on improving the
layout to ensure smooth navigation for users, adjusting features like the menu
structure, search functionality, and content display to offer a seamless viewing
experience. Consistency across all pages was key, so I refined the typography, button
styles, and color schemes to create a cohesive visual identity. By carefully analyzing
user interactions and addressing feedback, I was able to streamline key features such
as the recommendation engine and video playback controls, making Vision
Entertainment intuitive and user-friendly.
34
Figure 3.2: Dashboard of Vision Entertainment

4.1.5 Prototype Design

Prototyping for Vision Entertainment, the online streaming website design, was an
essential step in visualizing and testing the functionality of the platform before
development. Using tools like Figma, I created interactive prototypes that simulated
user interactions, allowing stakeholders to experience the website's key features such
as browsing content, navigating between categories, and using the search function.
The prototypes helped in refining user flows, identifying usability issues, and
gathering feedback from users. Through iterative prototyping, I was able to adjust
elements like the layout, buttons, and video playback interface to ensure the design
was intuitive and engaging for users. This process was crucial in aligning the design
with user needs and business goals before moving into development.

35
Figure 4.3: Prototyping in Figma

4.1.6 Usability Testing

Usability testing is a method used to evaluate how easily users can navigate and
interact with a product, ensuring it meets their needs. Before the actual usability
testing for Vision Entertainment, we conducted a pilot test where my mentor acted as
the user, and my colleague and I took on interviewer and observer roles. The process
involved a "napkin test” to understand the user's first impressions and how they
visualized the platform., followed by usability testing to identify issues, and
concluded with an evaluative interview to gather user feedback. This experience
taught me how to manage users with varying personalities and adapt when challenges,
like unresponsive participants, arose.

36
Figure 4.4: Peer Testing

4.1.7 Reiterating the Design

Reiterating the design is an essential part of the UI/UX process, where feedback from
usability testing and other evaluations is used to refine and improve the product. For
Vision Entertainment, after collecting insights from user interactions, we revisited the
wireframes and prototypes, making adjustments to address usability issues and
enhance the overall user experience. This iterative process allowed us to ensure that
the platform became more intuitive, responsive, and aligned with user expectations,
leading to a more polished and functional design.

37
Fig 4.5: UI Elements for Initial Development and Future Enhancements

4.1.8 Documentation
In the Vision Entertainment project, documentation played a crucial role throughout
the development process. It involved creating clear and structured records of every
aspect of the project, including design specifications, development protocols, and
technical requirements. During the design phase, detailed documentation was
prepared to outline wireframes, user flows, and prototype guidelines. This ensured
that developers and other stakeholders had a clear understanding of the design
intentions. As the development phase progressed, technical documentation covered
coding standards, API integrations, and database structures, facilitating seamless
collaboration between team members. In addition to technical details, user testing and
feedback were meticulously documented, helping track issues, iterate on designs, and
refine features based on real- world usage. Finally, the project’s documentation was
compiled into a comprehensive guide that could be referenced for maintenance, future
updates, and scaling of the platform.

This thorough documentation ensured transparency, consistency, and efficient problem-

solving throughout the Vision Entertainment project.

4.1.9 Development Stage

The development stage of Vision Entertainment involved transforming the finalized
wireframes and prototypes into a functional product. This phase began with front-end
development, where the visual elements of the platform were coded using HTML,
CSS, and JavaScript. Concurrently, back-end development handled server-side tasks,
database management, and user authentication to ensure a seamless streaming
experience.

Collaboration between developers and designers was key during this stage to maintain
consistency with the original design while addressing any technical challenges.
Regular testing was conducted throughout the development process to identify and fix
bugs, ensuring the platform was user-friendly and operational before the final launch.

4.2 Tools used

The different tools used for performing the given activities:

38
4.2.1 Figma
Figma is a versatile design tool used for creating wireframes, interactive prototypes,
and refining designs through real-time collaboration. It allows team members and
stakeholders to provide direct feedback, streamlining the design process. With its
prototyping feature, designers can simulate user flows, while Figma’s commenting
and version control ensure efficient iteration. The tool’s cloud-based nature makes it
accessible for remote collaboration, enhancing teamwork and speeding up the design
process.

Figure 4.6: Figma Dashboard Overview

4.2.2 Adobe XD
Adobe XD is a powerful tool used to design high-fidelity mockups and create
interactive prototypes that closely mimic real user interactions. It enables designers to
build fully interactive user flows, providing a realistic preview of how the final
product will function. With its robust prototyping features, Adobe XD simplifies the
process of simulating transitions, animations, and interactions, making it ideal for
presenting and testing design concepts. The tool also supports collaboration, allowing
feedback to be integrated seamlessly during the design iteration process.

39
Figure 4.8: Wireframing with Adobe XD

4.2.3 Canva
Canva is a versatile design tool that simplifies the creation of visually appealing
graphics, presentations, and marketing materials. Canva is helpful for quick mockups,
social media assets, and presentations related to design projects. Its user-friendly
interface and a wide array of templates make it easy for designers to produce high-
quality visuals without needing extensive technical skills. Canva’s collaborative
features also allow teams to share designs and gather feedback efficiently.

Figure 4.4:Canva used for Logo design

40
4.2.4 Trello
Trello is a project management tool that helps streamline workflows and organize
tasks visually using boards, lists, and cards. In a UI/UX design context, Trello can be
used to track project progress, manage design tasks, and collaborate with team
members. Designers can create boards for different design phases—such as research,
wireframing, prototyping, and user testing—and move tasks across lists as they are
completed. Trello’s flexibility allows team members to attach files, add comments, set
deadlines, and integrate with other tools, making it a great tool for staying organized
and maintaining clear communication throughout the design process.

Figure 4.10: Trello Dashboard with completed Task

41
4.3 Use Case diagram

Figure 4.115:Use case Diagram

42
4.4 Sequence diagram

Figure 4.126: Sequence Diagram

43
4.5 Problem Solved
Through a combination of user research, interface design, and iterative improvements,
I successfully addressed various challenges in multiple UI/UX projects. This involved
leveraging design tools like Figma and Adobe XD to create visually appealing and
user- friendly interfaces. I utilized my problem-solving skills to enhance user journeys
by conducting usability testing and refining wireframes based on user feedback,
resulting in more intuitive navigation and improved user engagement.

In addition to design work, I explored user behavior through research, creating

detailed personas and user flow diagrams to inform design decisions. By
incorporating feedback loops and iterative design techniques, I ensured continuous
improvement of the interfaces. These efforts allowed me to solve a range of UI/UX
challenges, showcasing my adaptability and proficiency in enhancing user
experiences across different platforms.

44
 CHAPTER V
CONCLUSIONS, AND LESSON LEARNT

5.1 Conclusion
In conclusion, an internship in UI/UX design offers a valuable opportunity for
individuals to acquire crucial knowledge, skills, and experiences essential for a career
in this dynamic field. Throughout the internship, I gained a solid understanding of
design principles, user experience strategies, and the importance of creating intuitive,
user-centered interfaces. This included learning about design tools like Figma and
Adobe XD, usability testing, wireframing, prototyping, and the application of
feedback for iterative design improvements.

The skills developed during the internship encompassed creating user personas,
conducting user research, developing interactive prototypes, and refining design
elements to ensure both functionality and aesthetic appeal. Additionally, the
experience of collaborating with a team, managing design workflows, and adapting to
user feedback honed my ability to deliver design solutions that align with user needs
and business goals.

This internship not only provided hands-on experience with modern design tools and
methodologies but also fostered personal growth in communication, problem-solving,
and adaptability. Overall, an internship in UI/UX design equips individuals with the
practical and creative skills required to succeed in the ever-evolving field of design,
laying a strong foundation for a successful career as a UI/UX designer.

5.2 Lesson Learnt

During my UI/UX internship, I gained valuable insights into designing user-centered
digital experiences. Key lessons include the importance of understanding user needs
through research and usability testing, the role of wireframes and prototypes in
refining ideas, and the significance of iterative design processes. I also learned how
crucial it is to maintain consistency in design elements and ensure accessibility for all
users.

Other important lessons included:

45
  -Empathy in Design: Understanding users' emotions and behaviors is key to
creating intuitive interfaces.
 -User Feedback: Continuous feedback is essential for improving designs and
addressing usability issues.
 -Prototyping and Testing: Creating interactive prototypes and testing them
early in the design process helps identify flaws and areas for improvement.
 -Adapting to New Tools: Quickly learning and adapting to design tools like
Figma, Adobe XD is essential for modern UI/UX work.

This internship not only sharpened my design skills but also taught me the importance
of adaptability, collaboration, and ongoing learning in the fast-paced field of UI/UX
design.

46
 REFERENCES

Hellmuth, M. (2023, August 9). Ultimate Guide to Prototyping in Figma. Retrieved

from ui prep: https://www.uiprep.com/blog/ultimate-guide-to-prototyping-in-
figma

Hennings, M. (2014). UX Kit – User & Customer Journey Maps. Retrieved from
figma: https://www.figma.com/community/file/974013740551440883

How to wireframe. (2019, august 12). Retrieved from

Shortcut: https://www.figma.com/blog/how-to-
wireframe/

Thapa, D. (2019, June 25). Introduction to XDezo. Retrieved from XDezo:

www.xdezo.com

UML Diagram Tool. (2021, March). Retrieved from

Creately: https://creately.com/lp/uml-diagram-tool/

white, L. (2024). Introduction to UI and UX Design. Retrieved from Code

academy: https://www.codecademy.com/learn/intro-to-ui-ux

47
 APPENDICES

1. Basic low fidelity Wireframing

2. First Desktop UI

48
3. E-Learning website Dashboard

3. User Profile

49
4. About us and Contact page Design

5. Course Detail for E-learning website

50
6. Mobile app Design

51
7. Intro Page for Vision Entertainment

8. Landing Page of Vision Entertainment

52
9. Genre for Movies

10. Movie Details

53
11. Movie Play and Pause

54
12. Upcoming Movies

55