NAME OF THE STUDENT : Dilip.

REGISTER NUMBER : 813821205010

BRANCH : B.Tech Information Technology

SEMESTER & YEAR : VII / 4th yr

TITLE OF WORK DONE : UI/UX Design

PERIOD OF INTERNSHIP : 01.06.2024 to 15.08.2024.

ORGANISATION NAME : Nblik

Abstract

This report provides a comprehensive account of my internship experience as a

UI/UX Design intern at Nblik, a community-driven platform designed to foster

interaction among users through posts, discussions, and shared interests. The

internship spanned 3 months, during which I had the opportunity to actively

contribute to the enhancement of the platform’s user interface and overall user

experience. My primary responsibility was to redesign key pages of the app,

focusing on improving the aesthetic appeal, usability, and functionality to better

serve the users and enhance engagement.Throughout the internship, I was

assigned to work on several critical areas of the platform, including the

redesign of the User Post Page, Landing Page, Profile Page, Admin Panel,

and the Feed Page. Key tools utilised during the internship included Figma and

Adobe Illustrator, which allowed me to design high-fidelity mockups,

prototype user flows, and conduct usability testing. My designs were centred

around user feedback and the company’s branding guidelines to ensure

consistency across the platform. Regular feedback from senior designers and

developers enabled me to iterate on my designs, improve my attention to detail,

and enhance my understanding of UI/UX principles.One of the most significant

challenges I encountered was ensuring that the redesigned interfaces maintained

the platform’s original identity while addressing usability concerns.

1
Table of Content

S.No Title Page No

1 2
Abstract

2 3
Introduction

3 5
Company Overview

4 7
Internship Role and Responsibilities

5 9
Tasks and Projects Undertaken

6 28
Tools and Technologies Used

7 31
Challenges and Learning Experiences

8 35
Conclusion

9 37
References

2
1.Introduction

The field of User Interface (UI) and User Experience (UX) design has become
increasingly important in today's technology-driven world, as businesses strive
to create products that meet the needs and expectations of their users. As a
final-year student specializing in UI/UX design at (Your College Name), I have
developed a strong foundation in design principles, user research, and usability
testing. This internship at Nblik provided me with a unique opportunity to apply
my academic knowledge in a practical setting while working on real-world
projects.

Nblik is a community app designed to facilitate connections and interactions

among users, allowing them to share posts, engage in discussions, and
participate in various community-driven activities. The platform aims to create
an inclusive environment where users can connect over shared interests and
ideas. With a growing user base, it became essential for Nblik to enhance its
user interface to improve user engagement and retention. My role as a UI/UX
design intern was to contribute to this initiative by redesigning key components
of the app, ultimately aiming to create a more intuitive and user-friendly
experience.

During my internship, I was introduced to various aspects of the design process,

including user research, wireframing, prototyping, and user testing. I worked
closely with experienced designers and developers, gaining insights into the
collaborative nature of product development in a fast-paced environment. The
experience allowed me to understand the significance of aligning design
decisions with user needs and business goals.

The primary focus of my internship was to redesign several crucial pages within
the Nblik app. This included the User Post Page, Landing Page, Profile Page,
Admin Panel, and the Feed Page. Each of these pages serves a unique purpose

3
within the app, and my objective was to enhance their usability, visual appeal,
and overall functionality. To achieve this, I utilised tools such as Figma and
Adobe Illustrator to create wireframes and high-fidelity mockups, enabling me
to visualise design concepts and gather feedback from stakeholders.

One of the key lessons I learned during this internship was the importance of
user feedback in the design process. I conducted user testing sessions to gather
insights on usability and identify areas for improvement. This iterative approach
helped refine my designs and ensured that the final product met user
expectations. Moreover, collaborating with cross-functional teams allowed me
to gain a deeper understanding of how design integrates with development,
project management, and business strategy.

In conclusion, my internship at Nblik was a transformative experience that

solidified my passion for UI/UX design. It provided me with practical skills,
enhanced my design thinking, and prepared me for a successful career in the
technology industry. The insights and knowledge gained during this internship
will serve as a strong foundation as I continue my journey in UI/UX design.

2.Company Overview

NbliK: Company Profile

NbliK is an innovative all-in-one community platform designed to empower

brands, clubs, associations, NGOs, and societies. The platform aims to foster
strong connections among users by providing a dedicated space for engagement,
collaboration, and sharing of ideas. By facilitating meaningful interactions,
NbliK enhances user experience and community building, enabling
organisations to create vibrant ecosystems around their brands.

4
2.1Core Features and Offerings

NbliK operates as a white-labeled platform, allowing organizations to

seamlessly integrate their customized community interface into their existing
websites. This unique feature enables brands to leverage NbliK's robust
community tools while maintaining their identity and branding. Some key
offerings of NbliK include:

● Customizable Community Interfaces: Organizations can tailor the look

and feel of their community pages to align with their brand’s identity,
providing a cohesive user experience.
● Engagement Tools: NbliK provides various engagement tools, such as
discussion forums, polls, and event management, designed to encourage
active participation among users. This facilitates stronger relationships
and improves community cohesion.
● Analytics and Insights: The platform includes comprehensive analytics
tools that allow organizations to track user engagement, participation
rates, and overall community health. These insights enable data-driven
decision-making to enhance community strategies.
● User Management: NbliK offers features for user management, allowing
organizations to manage memberships, roles, and permissions within their
communities. This ensures that users have appropriate access based on
their involvement and contributions.
● Integration Capabilities: As a white-labeled platform, NbliK allows for
easy integration with existing websites and applications, enabling brands
to expand their online presence without needing extensive technical
resources.

5
2.2Target Audience

NbliK primarily caters to organizations seeking to create or enhance their

community presence. This includes:

● Brands: Companies looking to foster a loyal customer base and

encourage user interaction around their products or services.
● Clubs and Associations: Groups that want to provide a platform for
members to engage, share knowledge, and collaborate on common
interests.
● Non-Governmental Organizations (NGOs): Organizations aiming to
create awareness and mobilize support around social causes through
community-driven initiatives.
● Societies: Any group looking to connect individuals with shared interests
or goals, enhancing engagement and collective action.

3.Internship Role and Responsibilities

During my internship as a UI/UX Designer at NbliK, I had the opportunity to

immerse myself in the design process and contribute to various aspects of the
community app. My role was centered around enhancing user experience
through thoughtful design and effective collaboration with the team. Below are
the key responsibilities I undertook during my internship:

1. User Research and Analysis

● Conducted user research through surveys and interviews to gather

insights on user preferences and pain points.
● Analyzed feedback from existing users to inform design decisions and
improve the usability of the platform.

2. Wireframing and Prototyping

6
 ● Created wireframes to outline the structure and layout of various pages
within the app, ensuring a logical flow and intuitive navigation.
● Developed interactive prototypes to simulate user interactions, allowing
for early testing of design concepts before full implementation.

3. Visual Design

● Designed high-fidelity mockups using Adobe XD, focusing on aesthetics,

typography, color schemes, and overall visual appeal.
● Ensured that the visual design aligned with the branding of NbliK and
communicated the platform's value effectively.

4. Collaboration with Cross-Functional Teams

● Worked closely with developers, product managers, and other designers

to ensure that the designs were feasible and met technical requirements.
● Participated in team meetings and design reviews, providing input and
receiving feedback to refine design concepts.

5. Usability Testing

● Conducted usability testing sessions with target users to evaluate the

effectiveness of the redesigned pages and gather feedback.
● Analyzed user testing results to identify areas for improvement and
iterated on designs accordingly.

6. Documentation and Reporting

7
 ● Maintained clear documentation of design processes, decisions made, and
feedback received to ensure transparency and knowledge sharing within
the team.
● Presented design concepts and progress updates to stakeholders,
articulating the rationale behind design choices and the expected impact
on user experience.

7. Continuous Learning and Development

● Engaged in self-directed learning by exploring new design tools, trends,

and best practices in UI/UX design to enhance my skills.
● Actively sought feedback from mentors and colleagues to grow
professionally and contribute effectively to the team.

4.Designs

4.1 Project 1: Redesign of User Post Page

Overview

The User Post Page is a critical component of the NbliK community app,
serving as the primary interface for users to share content, engage in
discussions, and interact with others. Recognizing its importance in fostering
community engagement, the redesign aimed to enhance user experience through
improved aesthetics, functionality, and usability.

Objectives of the Redesign

The key objectives of the redesign were to:

8
 1. Enhance User Engagement: Create an inviting and engaging interface
that encourages users to post, comment, and interact with content.
2. Improve Usability: Simplify navigation and interaction elements,
making it easier for users to engage with posts and access related
features.
3. Incorporate User Feedback: Utilize insights gathered from user testing
to address pain points and enhance the overall user experience.

Research and Analysis

To inform the redesign process, I conducted extensive research and analysis,

including:

● User Surveys: I distributed surveys to current users to gather insights on

their experiences with the existing User Post Page. This helped identify
common challenges and suggestions for improvement.
● Competitor Analysis: I reviewed similar community platforms to
understand best practices and emerging design trends. This analysis
provided valuable insights into effective features and layouts that could
be integrated into our design.
● Usability Testing: I conducted usability tests on the existing User Post
Page with a group of target users. Observations highlighted issues such as
cluttered layouts, confusing navigation, and difficulties in finding
engagement options.

Design Process

The design process for the User Post Page involved several key steps:

1. Wireframing: I created wireframes to establish the layout and structure

of the redesigned page. This included the placement of key elements such

9
 as the post input area, comment sections, and engagement buttons.
Wireframes served as a visual guide for the subsequent design phases.
2. High-Fidelity Mockups: Using design tools such as Adobe XD, I
developed high-fidelity mockups that incorporated visual elements, color
schemes, and typography. The new design features a clean and modern
aesthetic, with a focus on readability and accessibility.
3. Prototyping: I created an interactive prototype of the User Post Page to
simulate user interactions. This allowed me to test various navigation
flows and engagement features, ensuring a seamless user experience.

Key Features of the Redesigned User Post Page

The redesigned User Post Page includes several key features aimed at enhancing
user experience:

● Clean Layout: The new design incorporates a clean, organized layout

that minimizes visual clutter and allows users to focus on content. Ample
white space is used to separate elements, enhancing readability.
● Improved Input Area: The post input area is now prominently displayed
at the top of the page, encouraging users to share their thoughts easily. I
added placeholder text that guides users on what to share, further
promoting engagement.
● Enhanced Engagement Options: The redesigned page features
prominent engagement buttons (like, comment, share) with intuitive
icons. These buttons are easily accessible and encourage users to interact
with posts actively.
● Comment Section Redesign: The comment section is visually separated
from the main post content, making it easier for users to read and respond
to comments. I included features such as nested replies, allowing for
more organized discussions.

10
 ● User Notifications: Real-time notifications are integrated to inform users
about likes and comments on their posts, creating a more dynamic and
engaging experience.

User Testing and Feedback

Following the completion of the redesign, I conducted a round of user testing

with a group of beta users. This phase involved:

● Gathering Feedback: Participants were encouraged to explore the new

User Post Page and provide feedback on usability, aesthetics, and overall
satisfaction. I used a combination of observation and surveys to gather
qualitative and quantitative data.
● Iterative Improvements: Based on the feedback received, I made
iterative improvements to the design. Key adjustments included refining
the color contrast for accessibility and enhancing the visibility of
engagement buttons.

Outcome and Impact

The redesign of the User Post Page resulted in a more user-friendly interface
that significantly improved user engagement and satisfaction. Key outcomes
included:

● Increased User Interaction: After the implementation of the redesign,

user engagement metrics showed a notable increase in the number of
posts and comments made on the User Post Page.
● Positive User Feedback: User surveys post-launch indicated a significant
improvement in user satisfaction, with many users highlighting the ease
of navigation and the appealing design.

11
 ● Higher Retention Rates: Preliminary data suggested an increase in user
retention rates, indicating that the improved user experience had a
positive impact on overall user engagement with the NbliK platform.

Outcome

Conclusion

The redesign of the User Post Page was a pivotal project during my internship at
NbliK. It provided valuable insights into user-centered design principles and the
importance of iterative testing and feedback in the design process. This
experience not only enhanced my design skills but also deepened my
understanding of creating meaningful user experiences in community-driven
applications. I look forward to applying the lessons learned from this project in
my future design endeavors.

12
4.2 Project 2: Redesign of Landing Page

Overview

The landing page is often the first point of interaction for users visiting the
NbliK community app. It plays a crucial role in creating a strong first
impression and guiding users to engage with the platform. My task during the
internship was to redesign the landing page to enhance user engagement,
improve visual appeal, and facilitate easy navigation. The objective was to
create a welcoming environment that effectively communicates the value of the
NbliK platform.

Objectives of the Redesign

The primary objectives for redesigning the landing page included:

1. Create an Engaging User Experience: Develop an inviting and visually

appealing design that encourages users to explore the app further.
2. Improve Content Structure: Organize content logically to guide users
through key information and features without overwhelming them.
3. Highlight Community Features: Showcase the unique features of the
NbliK community platform to entice users to sign up and participate.

Research and Analysis

To ensure the redesign met user needs, I conducted comprehensive research and
analysis, which included:

● User Surveys: I distributed surveys to existing users and potential users

to gather insights about their expectations and preferences regarding the
landing page. Feedback indicated a desire for a more visually appealing
layout and clearer calls-to-action (CTAs).

13
 ● Competitive Analysis: I reviewed landing pages of competing
community platforms to identify best practices and effective design
elements that could be integrated into the new design.
● Usability Testing: I conducted usability testing on the existing landing
page to identify pain points, such as confusing navigation and insufficient
visual hierarchy. This informed my redesign strategy.

Design Process

The design process for the landing page involved several critical steps:

1. Wireframing: I began by creating wireframes to outline the structure and

layout of the redesigned landing page. The wireframes served as a
foundation for determining the placement of key elements, including
headers, content sections, and CTAs.
2. High-Fidelity Mockups: Using design tools such as Adobe XD, I
developed high-fidelity mockups that included visual elements, color
schemes, typography, and images. The new design aimed for a modern,
clean aesthetic that resonates with the target audience.
3. Prototyping: I created an interactive prototype of the landing page to
simulate user interactions. This allowed me to test different user flows
and gather feedback on navigation and functionality before the final
implementation.

Key Features of the Redesigned Landing Page

The redesigned landing page includes several key features aimed at enhancing
user experience:

14
 ● Hero Section: The new design features a prominent hero section at the
top of the page, showcasing the app's value proposition with a compelling
headline and a visually striking background image. This immediately
captures users' attention and communicates the app's core mission.
● Clear Calls-to-Action: I integrated prominent CTAs throughout the
landing page, guiding users to take specific actions, such as signing up for
an account or exploring community features. The buttons are designed
with contrasting colors to ensure visibility and encourage engagement.
● Feature Highlights: The landing page includes sections that highlight
key features of the NbliK platform, such as community engagement tools,
user profiles, and content sharing capabilities. Each feature is presented
with concise descriptions and accompanying visuals to illustrate
functionality.
● Testimonials Section: To build trust and credibility, I included a
testimonials section featuring quotes from current users praising their
experience with the platform. This social proof encourages potential users
to consider joining the community.
● Responsive Design: Ensuring that the landing page is fully responsive
was crucial. I implemented a design that adapts seamlessly to various
screen sizes, enhancing accessibility and usability for all users, whether
on desktop or mobile devices.

User Testing and Feedback

After completing the redesign, I conducted a round of user testing with a group
of participants:

● Gathering Feedback: Users were encouraged to explore the new landing

page and provide feedback on the design, content organization, and

15
 overall user experience. I utilized observation and follow-up surveys to
collect both qualitative and quantitative data.
● Iterative Improvements: Based on the feedback, I made iterative
improvements to the design. Key adjustments included refining the layout
of feature highlights and optimizing the text for clarity and conciseness.

Outcome and Impact

The redesign of the landing page resulted in a more engaging and user-friendly
interface that significantly improved user interaction and satisfaction. Key
outcomes included:

● Increased User Engagement: After implementing the redesign, user

engagement metrics showed a marked increase in the number of new
sign-ups and active users exploring the app.
● Positive User Feedback: Post-launch surveys indicated a significant
improvement in user satisfaction, with many users commenting on the
attractive design and clear CTAs that encouraged them to explore further.
● Enhanced Conversion Rates: Preliminary data suggested an increase in
conversion rates for new user sign-ups, indicating that the redesigned
landing page effectively enticed visitors to join the community.

16
Outcome

17
Conclusion

The redesign of the landing page was a pivotal project during my internship at
NbliK. This experience allowed me to apply user-centered design principles
while enhancing my skills in visual design and user testing. The successful
outcome of this project not only improved user engagement and satisfaction but
also reinforced the importance of creating a visually appealing and functional
landing page in community-driven applications. I look forward to applying the
insights gained from this project in my future design endeavors.

4.3 Project 3: Redesign of Profile Page

Overview

The profile page serves as a critical hub for users in the NbliK community app.
It not only reflects individual user identities but also facilitates engagement and
interaction within the community. My task during the internship was to redesign
the profile page to enhance user experience, improve information accessibility,
and provide a more intuitive interface. The goal was to create a dynamic profile
page that encourages users to showcase their interests and engage with others
effectively.

Objectives of the Redesign

The primary objectives for redesigning the profile page included:

1. Enhance User Engagement: Create a profile page that motivates users to

interact more with their profiles and the community.

18
 2. Streamline Information Display: Organize user information and
features clearly, making it easy for users to navigate and update their
profiles.
3. Promote Community Interaction: Incorporate elements that encourage
users to connect with others, such as activity feeds, shared interests, and
messaging options.

Research and Analysis

To ensure the redesign met user needs and expectations, I undertook several
research initiatives:

● User Feedback Sessions: I conducted feedback sessions with current

users to gather insights into their experiences with the existing profile
page. Common feedback highlighted confusion regarding information
placement and difficulties in accessing certain features.
● Competitive Analysis: I examined profile pages from similar community
platforms to identify effective design elements and user interactions that
could inspire our redesign.
● Usability Testing: Testing the existing profile page helped pinpoint
usability issues and areas for improvement. This analysis informed the
development of a more user-friendly layout.

Design Process

The design process for the profile page followed several key steps:

1. Wireframing: I started by creating wireframes to visualize the layout and

organization of the redesigned profile page. The wireframes helped
outline the structure for displaying user information, profile settings, and
interaction features.

19
 2. High-Fidelity Mockups: Using Adobe XD, I developed high-fidelity
mockups that incorporated color schemes, typography, and graphical
elements to ensure the profile page aligned with the overall branding of
NbliK.
3. Prototyping: I created an interactive prototype to simulate user
interactions with the redesigned profile page. This step allowed me to test
the flow of information and gather initial feedback from potential users.

Key Features of the Redesigned Profile Page

The redesigned profile page includes several key features aimed at enhancing
the user experience:

● User Information Display: The new design features a clean and

structured layout that prominently displays user information, including
profile pictures, usernames, bios, and interests. This organization makes it
easy for users to understand their profile at a glance.
● Activity Feed: A dedicated section for users to showcase their recent
activities, such as posts, comments, and interactions, encourages
engagement within the community. This dynamic feed allows users to
easily track their contributions and stay updated on community
interactions.
● Customizable Sections: Users can personalize their profiles by
customizing sections such as interests, skills, and achievements. This
feature promotes individuality and allows users to present themselves in a
way that resonates with their identity.
● Enhanced Navigation: I improved navigation by adding tabs or buttons
that allow users to switch between different sections of their profiles,
such as "About Me," "Friends," and "Settings." This reduces clutter and
enhances usability by simplifying the user journey.

20
 ● Messaging and Connection Options: Integrating direct messaging
options and connection requests on the profile page encourages users to
interact and build relationships within the community. This functionality
fosters a sense of belonging and collaboration.

User Testing and Feedback

After completing the redesign, I conducted user testing with participants from
the target audience:

● Gathering Feedback: Users were invited to navigate the new profile

page and provide feedback on usability, aesthetics, and overall
experience. I collected feedback through observation, surveys, and
one-on-one interviews.
● Iterative Improvements: Based on user feedback, I made adjustments to
enhance the layout, simplify navigation, and improve the clarity of
displayed information. Users particularly appreciated the ability to
customize their profiles and the intuitive nature of the new layout.

Outcome and Impact

The redesign of the profile page resulted in a more engaging and user-friendly
interface that significantly improved user satisfaction and interaction. Key
outcomes included:

● Increased User Interaction: Post-launch analytics indicated an uptick in

the frequency of profile visits, with users engaging more with their
activity feeds and interacting with others based on profile insights.

21
● Positive User Feedback: Surveys conducted after the redesign indicated
a high level of user satisfaction, with many praising the improved
organization of information and ease of navigation.
● Enhanced Community Connection: The integrated messaging and
connection features led to an increase in user interactions, fostering a
more vibrant and connected community.

22
Outcome

23
Conclusion

The redesign of the profile page was a vital project during my internship at
NbliK. This experience allowed me to deepen my understanding of
user-centered design while enhancing my skills in prototyping and user testing.
The successful outcome of this project not only improved user engagement and
satisfaction but also highlighted the significance of creating an intuitive and
visually appealing profile page in community-driven applications. I look
forward to applying the knowledge gained from this project in my future design
endeavors.

4.4 Project 4: Redesign of Admin Panel

Overview

The Admin Panel of NbliK serves as a crucial interface for managing

community interactions, user data, and platform settings. It provides
administrators with the necessary tools to oversee activities, moderate content,
and ensure a positive user experience. My task during this project was to
redesign the Admin Panel to enhance usability, improve information hierarchy,
and provide administrators with a more intuitive interface that facilitates
efficient management of the community platform.

Objectives of the Redesign

The primary objectives for redesigning the Admin Panel included:

1. Streamline Administrative Tasks: Simplify workflows to enable

administrators to perform their tasks more efficiently, minimizing the
time spent on routine management.

24
 2. Improve Data Visualization: Implement effective data visualization
techniques to help administrators monitor key metrics and user
interactions at a glance.
3. Enhance User Experience: Create a user-friendly interface that reduces
cognitive load, making it easier for administrators to navigate through
different sections of the panel.

Research and Analysis

To ensure that the redesign effectively addressed the needs of administrators, I

undertook several research initiatives:

● User Interviews: Conducted interviews with current administrators to

gather insights into their experiences with the existing Admin Panel. This
feedback revealed common pain points, such as complex navigation,
cluttered information, and challenges in accessing important features.
● Competitive Analysis: Analyzed admin panels from other community
platforms to identify best practices and features that enhance usability.
This analysis provided valuable inspiration for the redesign.
● Task Analysis: Observed how administrators performed various tasks
within the existing panel. This analysis helped identify inefficiencies and
informed the design of streamlined workflows.

Design Process

The design process for the Admin Panel followed several key steps:

1. Wireframing: I began by creating wireframes to visualize the layout and

organization of the redesigned Admin Panel. These wireframes helped
outline the structure for displaying key features, settings, and data
visualizations.

25
 2. High-Fidelity Mockups: Using Figma, I developed high-fidelity
mockups that incorporated branding elements, color schemes, and
typography to ensure the Admin Panel aligned with NbliK’s overall
design language.
3. Prototyping: I created an interactive prototype to simulate user
interactions with the redesigned Admin Panel. This prototype facilitated
user testing and feedback collection.

Key Features of the Redesigned Admin Panel

The redesigned Admin Panel includes several key features aimed at enhancing
the user experience for administrators:

● Dashboard Overview: The new design features a dashboard that

provides a high-level overview of community metrics, such as user
engagement, active users, and recent activities. This central hub allows
administrators to quickly assess the health of the community.
● Intuitive Navigation: I implemented a sidebar navigation menu that
categorizes administrative functions, such as user management, content
moderation, and analytics. This organization simplifies navigation and
reduces the time spent searching for specific tools.
● Data Visualization: I integrated interactive charts and graphs to present
community metrics and trends visually. This feature enables
administrators to easily interpret data and make informed decisions based
on real-time insights.
● User Management Tools: The redesigned Admin Panel includes
improved user management functionalities, allowing administrators to
easily view user profiles, manage permissions, and track user activity.
This streamlining of user management tasks enhances operational
efficiency.

26
 ● Content Moderation Features: Enhanced content moderation tools
enable administrators to quickly review and manage user-generated
content. Features such as bulk actions and comment moderation simplify
the process of maintaining community standards.

User Testing and Feedback

After completing the redesign, I conducted user testing sessions with current
administrators:

● Gathering Feedback: Administrators navigated the new Admin Panel

and provided feedback on usability, aesthetics, and functionality. I
collected feedback through observation, surveys, and interviews.
● Iterative Improvements: Based on user feedback, I made adjustments to
enhance navigation, clarify data visualizations, and improve the overall
layout. Administrators particularly appreciated the intuitive navigation
and streamlined workflows.

Outcome and Impact

The redesign of the Admin Panel resulted in a more efficient and user-friendly
interface that significantly improved administrative tasks and satisfaction. Key
outcomes included:

● Increased Efficiency: Post-launch analytics indicated a decrease in the

time administrators spent on routine tasks, allowing them to focus on
more strategic community management activities.
● Positive User Feedback: Surveys conducted after the redesign showed a
high level of administrator satisfaction, with many praising the improved
organization of information and the effectiveness of data visualizations.

27
 ● Enhanced Community Management: The streamlined user
management and content moderation features enabled administrators to
maintain a more positive community environment, leading to improved
user experiences.

Outcome

28
Conclusion

The redesign of the Admin Panel was a significant project during my internship
at NbliK. This experience allowed me to apply user-centered design principles
while enhancing my skills in prototyping, user testing, and data visualization.
The successful outcome of this project not only improved administrative
efficiency and satisfaction but also underscored the importance of creating an
intuitive and visually appealing interface for community management tools. I
look forward to leveraging the insights gained from this project in my future
design endeavors.

5.Technologies and Tools Used

During my internship as a UI/UX design intern at Nblik, I had the opportunity

to work with a variety of technologies and design tools that facilitated the
development and enhancement of the community app. This section outlines the
key tools and technologies I used throughout my internship, highlighting their
significance in the design process.

1. Figma:
Figma was my primary design tool for creating wireframes, high-fidelity
mockups, and interactive prototypes. Its cloud-based nature allowed for
real-time collaboration with team members, enabling us to share feedback
and iterate on designs efficiently. Figma’s extensive library of design
components and plugins significantly streamlined the design process,
making it easier to maintain consistency across different pages of the
application. I also used Figma to conduct user testing sessions, allowing
me to gather insights on user behavior and further refine the designs
based on usability feedback.
2. Adobe Illustrator:
Adobe Illustrator was utilized for creating vector graphics and icons that

29
 enhanced the visual appeal of the app. Its robust features allowed me to
design custom elements that aligned with Nblik's branding. I leveraged
Illustrator’s precise control over shapes and colors to create visually
engaging assets that contributed to the overall user experience. Illustrator
also proved invaluable when designing logos and icons, as it enabled me
to maintain scalability and quality across different screen sizes and
resolutions.
3. InVision:
InVision was used primarily for prototyping and sharing designs with
stakeholders. It helped me create clickable prototypes that provided a
realistic simulation of the final product, allowing team members and
users to interact with the designs before development. This tool facilitated
seamless feedback collection from stakeholders, ensuring that the design
vision aligned with business objectives and user needs. InVision’s
integration with Figma allowed for a smooth workflow, where designs
could be easily exported for prototyping.
4. Slack:
As a communication tool, Slack played a crucial role in keeping team
members connected. Whether it was sharing design updates, receiving
feedback, or discussing project milestones, Slack allowed for efficient
and timely communication. I used Slack channels to collaborate with
developers, designers, and product managers, ensuring that the entire
team stayed in sync throughout the design and development process. The
ability to integrate Slack with design tools such as Figma and project
management platforms was an added advantage for streamlining the
workflow.
5. Jira:
Jira was the project management tool used to track progress, set
deadlines, and assign tasks. It was particularly helpful in managing

30
 multiple projects simultaneously, as it provided a clear overview of
ongoing tasks, priorities, and timelines. I regularly used Jira to report my
progress on design tasks, collaborate with developers on technical
aspects, and ensure timely completion of milestones. The agile
framework adopted through Jira helped in breaking down larger tasks into
manageable sprints, which allowed for faster iteration and review cycles.
6. Notion:
Notion was used for documentation and collaboration. It served as a
centralized space for storing design guidelines, user personas, project
roadmaps, and feedback from stakeholders. I used Notion to document
the rationale behind design decisions and to maintain consistency
throughout the project. Additionally, Notion helped facilitate knowledge
sharing between different departments, ensuring that all relevant
information was accessible to the team members involved in the project.
7. Google Analytics:
Google Analytics was a vital tool for tracking user engagement and
behavior on the platform. I used the data collected through Google
Analytics to inform design decisions, particularly for the redesign of key
pages like the User Post Page and Feed Page. The insights provided by
the tool helped me understand user pain points, identify areas that
required optimization, and measure the impact of design changes on user
satisfaction and engagement.
8. Adobe Photoshop:
Adobe Photoshop was another design tool used for editing and optimizing
images for the app. While Illustrator was used primarily for vector-based
designs, Photoshop was essential for working with raster images,
particularly when editing user-generated content or creating promotional
visuals for the app. The combination of Photoshop's advanced editing

31
 capabilities and Illustrator's precision tools allowed me to create visually
appealing and cohesive designs across the app’s interface.

6 Challenges and Learning Experiences

Challenges Faced

1. Understanding User Needs:

○ One of the initial challenges was accurately understanding the
needs and pain points of the administrators. Different
administrators had varying levels of technical expertise and
preferred workflows, making it difficult to design a one-size-fits-all
solution. Conducting in-depth user interviews and observations
took time but was essential for gathering diverse insights.
Additionally, translating technical jargon into user-friendly
language was crucial to ensure effective communication.
2. Balancing Complexity and Usability:
○ The Admin Panel needed to encompass a wide range of
functionalities without overwhelming users. Striking the right
balance between providing comprehensive tools and maintaining a
user-friendly interface proved challenging. Some features had to be
simplified or removed to enhance usability without sacrificing
functionality. This required iterative design processes to test how
users interacted with various features and refine them accordingly.
3. Data Visualization:
○ Effectively representing complex data in a visually appealing and
comprehensible manner was a significant challenge. Ensuring that
the data visualizations were not only accurate but also easily
interpretable required multiple iterations and feedback sessions. It

32
 was essential to utilize appropriate graphs and charts, and to
employ design elements that guided users through the data
narrative without leading to confusion.

4. Adapting to Feedback:
○ The iterative nature of the design process meant that I had to be
open to making substantial changes based on user feedback.
Initially, I found it challenging to set aside my design preferences
and adjust to the feedback provided by users, particularly when it
involved rethinking aspects of the design that I was confident in.
This experience taught me the value of humility in the design
process and reinforced that user insights should take precedence.
5. Time Constraints:
○ Working under tight deadlines added pressure to complete the
redesign within the allocated timeframe. Prioritizing tasks and
effectively managing time were crucial skills that I had to develop
to meet project milestones without compromising quality. I learned
to break down tasks into manageable parts, allowing for
incremental progress while ensuring that the final product met the
set standards.
6. Technical Limitations:
○ Collaborating closely with the development team revealed
technical limitations in the existing platform. Certain design
elements that were ideal from a user experience standpoint could
not be implemented due to technical constraints. This necessitated
additional discussions to find feasible alternatives that still aligned
with design goals while being mindful of the developers'
capabilities.

33
 7. Cultural Sensitivity:
○ Given that NbliK caters to a diverse audience, understanding
cultural nuances in design became essential. Designing elements
that resonate across different cultures while maintaining a cohesive
brand identity was a challenge that required thoughtful
consideration

6.1 Learning Experiences

1. User-Centered Design:
○ This project reinforced the importance of user-centered design
principles. Engaging with users through interviews and usability
testing provided invaluable insights into their needs, leading to a
more effective and satisfying design. I learned that involving users
throughout the design process is key to creating meaningful
solutions.
2. Effective Communication:
○ I learned the importance of clear communication with stakeholders,
including administrators and my design team. Regular check-ins
and updates helped ensure that everyone was aligned and
contributed to a smoother design process. Creating detailed
documentation also aided in clarifying design decisions and
rationales.
3. Prototyping and Iteration:
○ The experience highlighted the value of prototyping and iterative
design. Creating interactive prototypes allowed for early testing
and feedback, which ultimately led to a more refined and
user-friendly final product. I discovered that the iterative process

34
 fosters creativity and innovation, enabling continuous
improvement.
4. Adaptability:
○ I learned to be adaptable and open-minded when faced with
feedback. Embracing constructive criticism helped me grow as a
designer and improve the quality of the project significantly. This
adaptability extended to incorporating feedback from non-design
stakeholders, showcasing the value of diverse perspectives.
5. Time Management:
○ Balancing multiple tasks and deadlines taught me effective time
management strategies. I learned to prioritize tasks, set realistic
goals, and work efficiently to meet project deadlines while
maintaining a high standard of work. Tools like Trello and Asana
became invaluable for tracking progress and deadlines.
6. Collaboration and Teamwork:
○ Collaborating with cross-functional teams, including developers
and other designers, emphasized the importance of teamwork in
achieving a common goal. I learned to appreciate different
perspectives and expertise, which contributed to a more
comprehensive design approach. Building strong relationships with
team members also facilitated open communication, enabling
quicker problem-solving.
7. Empathy in Design:
○ I gained a deeper understanding of the importance of empathy in
design. Understanding users’ frustrations, motivations, and
aspirations allowed me to create more meaningful designs that
resonate with users. This empathetic approach is now a core
element of my design philosophy.
8. Feedback Integration:

35
 ○ I learned how to integrate feedback effectively into the design
process. Developing a structured approach to analyzing feedback
helped in identifying common themes and prioritizing changes,
ensuring that the most impactful adjustments were made without
overhauling the entire design unnecessarily.

7.Conclusion

My internship at NbliK as a UI/UX designer has been an enriching and

transformative experience. Throughout my time with the company, I had the
opportunity to engage in meaningful projects, particularly the redesign of the
Admin Panel, which honed my design skills and deepened my understanding of
user-centered design principles. This experience not only allowed me to apply
theoretical knowledge but also provided a real-world context to explore the
complexities of design.

The challenges I encountered—from understanding user needs to managing

complex functionalities within a user-friendly interface—provided valuable
learning opportunities that extended beyond mere technical skills. For instance,
navigating the diverse needs of administrators required me to develop strong
empathy and active listening skills, ensuring that I could translate their pain
points into effective design solutions. I developed a keen appreciation for the
iterative design process, recognizing that user feedback is an essential
component of creating effective solutions. This process allowed me to refine my
designs continually, ensuring that the final product was not only visually
appealing but also functional and intuitive.

Moreover, the collaborative environment at NbliK emphasized the importance

of effective communication and teamwork. Working alongside cross-functional
teams, including developers, project managers, and fellow designers, I learned

36
to value diverse perspectives and expertise, which enriched my design process
and contributed to more comprehensive solutions. The insights gained from user
interviews and testing sessions were instrumental in guiding my design
decisions, reinforcing the significance of empathy in the design process. I now
understand that design is not a solitary endeavor but a collaborative effort that
thrives on shared knowledge and creative synergy.

As I reflect on my journey, I feel more confident in my abilities as a UI/UX

designer. The skills I have acquired—ranging from wireframing and prototyping
to conducting user research and managing projects—will serve as a solid
foundation for my future endeavors in the field. The hands-on experience with
various design tools and methodologies has equipped me to tackle real-world
design challenges more effectively. I also gained insights into project
management, learning how to balance multiple tasks and prioritize effectively,
which will undoubtedly benefit my future projects.

This internship has not only equipped me with practical design experience but
has also ignited a passion for creating user-centric solutions that enhance the
digital experience. I am particularly excited about the potential of UI/UX design
to make technology more accessible and enjoyable for users, and I look forward
to exploring this further in my career. I have come to appreciate that design is
about problem-solving and enhancing user satisfaction, and I am committed to
pursuing this path.

In conclusion, I am immensely grateful for the opportunity to intern at NbliK,

where I could contribute to impactful projects while growing both personally
and professionally. The mentorship and guidance I received from experienced
designers were invaluable, and I am thankful for the supportive culture that
encouraged experimentation and learning. I look forward to applying the lessons
learned and skills developed during this internship in my future career, and I am

37
excited about the prospects that lie ahead in the dynamic world of UI/UX
design. As I embark on the next chapter of my journey, I carry with me not only
the technical skills and knowledge but also a renewed sense of purpose and
enthusiasm for creating meaningful design solutions that resonate with users.

7.References

1. Figma. (n.d.). Figma: The Collaborative Interface Design Tool.

Retrieved from Figma Official Website
2. NbliK Company. (n.d.). NbliK: Community App Overview. Retrieved
from NbliK Official Website
3. Adobe. (n.d.). Adobe XD: Design, Prototype, and Share. Retrieved from
Adobe XD Official Website

38
39