Design Thinking's Role in Enhancing User Experience on Fashion Campus with Attractive UI/UX Design

Since the Covid pandemic, it has become popular to purchase used clothing. However, there are still obstacles to purchasing used apparel, such as limited selection, quality, and lack of product information. To address this issue, Fashion Campus, a platform for purchasing and selling used clothing with an attractive UI and excellent UX, was developed. UI/UX design is essential for ensuring a positive user experience, and Figma, a web-based vector design application, is being utilized for collaborative efforts. The Design Thinking method is used to increase the efficiency of collaboration and reduce development time. This iterative process permits researchers to gain a deeper understanding of users, to challenge presumptions, and to redefine existing problems in order to identify strategies and solutions. By focusing on the user experience, Design Thinking can lead to the creation of UI/UX Fashion Design by identifying new methods to enhance that experience.


Introduction
Since the Covid Pandemic, a new trend of purchasing used clothing has emerged (Ristiani et al., 2022).This phenomenon is a result of the growing public awareness of the environmental impact of the large and rapidly changing fashion industry (Sampasa-Kanyinga et al., 2020), and the growing public interest in fashion that is more personal and distinctive.However, there are still many barriers to purchasing used apparel, including limited selection, quality, and lack of product information (Maulidah, 2021).To solve this issue, we require a platform that makes it simpler to purchase used clothing, with an appealing user interface (UI) and positive user experience (UX) (Angelina et al., 2022).Fashion Campus is an online marketplace for purchasing and selling used clothing.UI/UX design is crucial for ensuring that the Fashion Campus app or website provides a positive user experience.
Good UI/UX design must take into account multiple factors, including ease of navigation, appealing appearance, and intuitive interaction (Haryuda et al., 2021).One Piksel 11 (2): 293 -308 (September 2023) of the primary objectives of UI/UX design is to ensure that users can readily locate the desired information or product (Kusumadya et al., 2022).In this instance, UI/UX designs for fashion campus applications or websites must take into account aspects such as plain product categorization, efficient search filters, and appealing product display (Lim et al., 2021).In the UI/UX design process, Figma's tools are very beneficial.Figma is a web-based vector design application that facilitates real-time collaboration among researchers (Rully Pramudita et al., 2021).Figma offers a number of design features and components that can aid in the design process in order to make the collaboration process more efficient and reduce development time (Albert et al., 2021).Therefore, designing a UI/UX for a fashion app or website using tools such as Figma will ensure that the app or website has an appealing appearance, is simple to use, and offers a satisfying shopping experience to its users (Soedewi, 2022).

Research Method
Design Thinking is a process that entails multiple iterations to acquire an indepth understanding of user requirements and to challenge existing assumptions.This methodology enables researchers to more precisely define problems and develop alternative strategies and solutions that may not be immediately apparent.Design Thinking is well-known for its solution-oriented approach that emphasizes the creation of innovative and effective solutions.It is a distinct method of thinking and working that implements a collection of proven, hands-on techniques for enhancing the user experience.In addition, Design Thinking can be utilized to discover new ways to better comprehend and enhance user experiences, which can lead to long-lasting solutions that are advantageous to both users and businesses.

Emphatize
Understanding the user's behavior, emotions, experiences, and situations is the objective of the Empathize phase of the Design Thinking method.In this phase, After conducting an interview to gain insight, create user personas.User persona is a fictional representation of the characteristics, objectives, and needs of users that researchers use to better comprehend and design user experiences.The user persona is based on preceding interview data and information.

Define
After gaining insight from the empathize stage, such as understanding the user's needs and the actual obstacles they face, the define stage is the next phase.At this juncture, the researcher prioritizes the problems that will be addressed with solutions.The researcher will establish the research's objectives and formulate the issues to be resolved.In this step, the researcher poses numerous HMW (How Might We) questions to generate potential solutions.HMW (How Might We) is a question used in the Design Thinking method to identify user challenges or problems in a specific context.HMW is utilized to transform complex issues into more targeted inquiries.

Ideate
In the third stage of design thinking, which is ideate, researchers can generate solution ideas through a group ideation session.At this stage, researchers will consider various relevant factors, such as user requirements, resource availability, and existing limitations, in order to identify alternative solutions that can assist users in overcoming the problems they face.In addition, the author must ensure that the final solution provides the greatest possible benefits to users while minimizing any potential negative effects.Therefore, researchers must consider a variety of variables that affect the success and outcomes of their work.In this instance, authors must generate innovative and creative solutions in order to provide added value to consumers while also differentiating the offered products or services.

Prototype
The Prototype Stage is a crucial phase in the product development process.
During this phase, the research team will implement the discovered ideas or solutions by creating prototypes, minimal frameworks, and more detailed designs.In this phase, researchers will concentrate on developing solutions that can surmount the product's current limitations and address the identified issues.Consequently, at the conclusion of this phase, the research team will have a greater understanding of how actual users will conduct, think, and feel when interacting with the final product.In addition, the researcher will construct a prototype that can be used for user testing and feedback collection at this stage.Using these prototypes permits the design team to refine products and customize previously created solutions.Consequently, this phase is crucial to ensuring that the product can satisfy the requirements of users and achieve the desired outcomes.

Testing
Testing is a crucial step in the development of solutions.The objective is to validate the solution's correctness and ability to solve user problems, and to determine if additional development is required.In addition, this phase can provide a clearer image of the issues and limitations associated with the product being developed, as well as the behavior that end users may exhibit when interacting with the product.At this juncture, unmoderated usability testing is utilized.Testing that does not require direct supervision is unmoderated remote usability testing.Testing parties can conduct trials remotely using their respective devices to access the being tested website or application.a).Identify the prototype component to be evaluated.Consider the prototype's content, features, design, and primary constraints as it is being developed.

Results and Analysis
This section describes, step-by-step, how Design Thinking was applied to the UI/UX design of the Fashion Campus website.The following is the conclusion:

Define Piksel 11 (2): 293 -308 (September 2023)
There are three implementation elements at this stage: research objectives, semi-structured interviews, and the creation of user personas.According to the objective research table, the researcher selected 5 participants.At this stage, there are two essential aspects of the research objective that can be observed and observed from the respondents: the participant criteria and the scope.
These two aspects are crucial because, without a research objective, it will be difficult for the researcher to comprehend the users who will be interviewed, followed by the interview phase.The researcher selected five respondents based on the criteria outlined in the research objective.After gaining insight from the interview, The next stage is to develop a user persona the research objective is an example of a user persona.After gaining insight from the interview, the next step is to create the user persona, the user persona is described below.The registration page is a page that validates and authenticates users seeking access to a website or application.On the registration page, there are several primary elements that facilitate easy and secure user access to websites and applications.
First, there is a field for entering your email address or username and password.This helps distinguish users attempting to access a website or application.Typically, this section is accompanied by a "Forgot Password" link that allows the user to reset their password if they have forgotten it.In addition, there is a "Sign In" or "Login" icon that sends authentication information to the user and verifies their access to websites or applications.If the user does not already have an account, the "Sign Up" or "Register" icon will lead them to the registration page.There are also UI elements such as logos, color schemes, and fonts that must be consistent with the overall identity and aesthetics of the website or application in order to provide a consistent and pleasurable user experience.The home page of Fashion Campus is the primary page of the website or application, displaying essential information about the site.On the homepage, users will typically find navigation menus, product categories, the newest products, the best-selling products, promotions or discounts, and search capabilities.Typically, the navigation menu is located at the top of the page and contains links to key pages such as product categories, user accounts, and support pages.To the left or right of the navigation menu are product categories that make it simpler for users to locate the desired Product pages on Fashion Campus allow users to view product information, images, and prices.On this page, on the product page, there is a distinct product photo and product title, which provide an initial description of the products offered, as well as a product description that provides additional information about the product, including its materials, dimensions, and other features.On product pages, users can also find price, size, and condition information.In addition, users can view evaluations written by consumers who have previously purchased products from the store, allowing them to make an informed decision prior to making a purchase.There is a "Add to Cart" button on the product page that enables users to add items to their purchasing cart.
This page provides the user's personal information and transaction history, in addition to various features and functions pertaining to the.On their profile page, User s can review and modify their name, address, telephone number, and email address, among other personal data.This facilitates the updating and management of personal Piksel 11 (2): 293 -308 (September 2023) information by users.In addition, the transaction history of the user is displayed on the profile page.Users can view transaction details, such as purchase list, transaction date, amount paid, and delivery status, for past transactions.It allows users to monitor their orders, view their purchase history, and access their invoices and receipts.
Additionally, the profile page permits users to rate and review products or sellers.
Users are able to observe their own reviews as well as reviews they have left for other products or sellers.This feature enables users to share their experiences with particular products, thereby assisting other users in making purchasing decisions.On the profile tab, users can also configure their account security settings, such as altering passwords, adding payment methods, and setting addresses.This ensures the security of user accounts and gives them complete control over their personal data.Order details, shipping information, and payment methods are included on the check out page to ensure that users can affirm and complete their orders efficiently.
The cart page includes a product summary, product details, and total price to assist users in managing and confirming their orders prior to submitting payment information.Cart page is crucial to the purchasing process on the Fashion Campus platform because it allows users to organize and review their purchases before proceeding to the payment stage.With an effective cart page, users can readily review and modify their orders prior to completing their purchases.This enhances the user experience and guarantees order compatibility prior to payment.The seller profile is vital to the Fashion Campus platform, as it is where retailers promote and sell their products and services to users and potential consumers.With a good vendor page, sellers can expand their business's reach, boost consumer confidence, and cultivate strong customer relationships.
The Message page on Fashion Campus enables users to communicate, pose inquiries, provide feedback, and exchange product and transaction-related information.
This page is intended to facilitate communication between Fashion Campus users and sellers or other users.The UI/UX design of Message pages prioritizes readability, usability, and navigation.This page is readily accessible via the navigation menu or special icons placed in convenient locations.The Message page's UI/UX is intended to be user-friendly, with elements that are simple and straightforward.This is intended to enhance the user experience, facilitate communication, and guarantee user convenience when interacting via the Message Fashion Campus page.

Testing
In the early phases of testing, the researcher conducted usability testing on the respondents; two scenarios were tested based on the user flow created after the usability testing was conducted; the next stage was evaluating the design created; and the final stage was evaluating the design created.Based on the provided data, the Single Ease Question (SEQ) score indicates that the created design is effective and user-friendly, allowing website development to proceed.

Conclusion
This research was conducted to design the user interface and user experience of the Fashion Campus website using the Design Thinking methodology.Design Thinking was selected because it involves both the intended target market and the consumers of the Fashion Campus website.Design Thinking begins with the Empathize stage, in which users or potential website users are understood through empathy in order to conduct research and observations.The Define Stage is then used to identify user requirements that have been validated by users.In addition, the Ideation stage is used to generate new solutions to identified problems.The Prototype stage is used to transform ideas into tangible products and permits direct testing by researchers in the form of the Fashion Campus website's initial User Interface design.The final stage is Testing, where the display design or prototype is tested directly with prospective users who have been determined in accordance with the initial criteria, testing using the Usability Testing method and then assigning a SEQ score to the scenario in the previous usability testing.In creating the Fashion Campus website's user interface and user experience, which was created by researchers using figma tools, the Design Thinking methodology was applied to the UI and UX design.The Usability Testing method is used when the display design or prototype is tested directly with prospective users who have been determined according to the criteria from the outset.The SEQ score is then used to assign a value to the scenario in the previous usability testing.In creating the Fashion Campus website's user interface and user experience, which was created by researchers using figma tools, the Design Thinking methodology was applied to the UI and UX design.The Usability Testing method is used when the display design or prototype is tested directly with prospective users who have been determined according to the criteria from the outset.The SEQ score is then used to assign a value to the scenario in the previous usability testing, the Design Thinking methodology was applied to the UI and UX design.successfully created and able to proceed to implementation.

Figure 1 .
Figure 1.Process Stages of the Design Thinking Figure 2. SEQ measurement scale Figure 3. User Persona on fashion campus

Figure 9 .
Figure 9. Product Page Fashion Campus and Profile Page Fashion Campus Figure 10.Check Out the Campus Fashion Page and Cart Page Fashion Campus

Table 1 .
Interview Questions on the Emphasize Stage

Table 2 .
Research Objective on Fashion Campus Source: Research Result (2023)