Method and system for supporting selection of color option of product

Abstract

The present disclosure relates to a method for supporting selection of a purchase option of a product, and an apparatus therefor. According to some embodiments of the present disclosure, a method for supporting selection of a purchase option of a product, the method being performed by a computing device, may comprise the steps of: acquiring detailed information of the product including a plurality of color code values belonging to a color item among purchase options of the product; and rendering a purchase option selection area of a detailed information page for the product. In this case, the rendering step may include a step of rendering a plurality of color chips expressing each value of the color item among the purchase options of the product. In addition, at least a part of the area of the color chip may be colored using the color code value.

Description

Method and system for supporting selection of color options for products

[0001] The present disclosure relates to a method and system for supporting the selection of color options for a product. More specifically, the present disclosure relates to a method for supporting a user's selection of a color option among the purchase options for a product, and a system employing the method.

[0002] A method and system are provided to support users purchasing products through e-commerce platforms by conveniently selecting purchase options. Users can select purchase options, such as color, quantity, and product type, from the product details page registered on the e-commerce platform, allowing them to purchase the desired color and type of product in the required quantity.

[0003] At this time, in the case of products such as cosmetics and stationery, where the number of colors available for user selection is very large and there are many products of similar colors, the user needs to carefully decide on the color options of the product, and the service provider needs to support the user in easily checking information on the color options of the product.

[0004] However, in the past, when selecting a color option for a product, the user had to select the color of the product by looking only at the text containing the color name or identification code, or check the information about the color of the product within the product detail page and then go to the product color option selection page to select the color of the product, which was inconvenient.

[0005] Accordingly, a technology is required that can improve user convenience and enhance user satisfaction with e-commerce services by providing a UI that allows users to easily obtain information about color options for products they wish to purchase.

[0006] The technical problem that the present disclosure seeks to solve is to provide a method and device that allows a user to intuitively check information about the color of a product they wish to purchase.

[0007] Another technical problem that the present disclosure seeks to solve is to provide a method and device for providing a graphic object that allows a user to easily select the color of a desired product.

[0008] Another technical challenge that the present disclosure seeks to address is to provide a method and device that can provide a graphic object that allows a user to easily understand various information about a product as well as color information about the product.

[0009] The technical problems of the present disclosure are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by those skilled in the art of the present disclosure from the description below.

[0010] According to one embodiment of the present disclosure, a method for supporting selection of a purchase option for a product for solving the above technical problem may include a step of obtaining detailed information of the product including a plurality of color code values ​​belonging to a color item among purchase options of the product, and a step of rendering a purchase option selection area of ​​a detailed information page for the product. In this case, the rendering step may include a step of rendering a plurality of color chips representing each value of a color item among the purchase options of the product. In addition, at least a portion of an area of ​​the color chips may be colored using the color code values.

[0011] In one embodiment, the method for supporting selection of a purchase option of the product may further include a step of receiving a predefined first gesture for a first color chip and a step of displaying the color chip by enlarging its size in response to the first gesture.

[0012] In one embodiment, the method for supporting selection of a purchase option of the product may further include a step of receiving a predefined first gesture for a first color chip and a step of displaying an advertisement image of a product in which the color of the first color chip is reflected in response to the first gesture.

[0013] In one embodiment, the shape of the colored area of ​​the color chip may be determined based on the cross-sectional shape of the product.

[0014] In one embodiment, the shape of the colored area of ​​the color chip may be determined based on the product type of the product.

[0015] In one embodiment, the method for supporting selection of a purchase option of the product may further include a step of receiving a second gesture for moving a first color chip to an area where a second color chip is displayed, and a step of displaying a pop-up window displaying comparison information of the first color chip and the second color chip in response to the second gesture.

[0016] In one embodiment, the pop-up window displaying the comparison information may be a screen displaying one or more of color description information, sales information, and review information of the first color chip and the second color chip.

[0017] In one embodiment, the pop-up window displaying the comparison information may display one or more of the color description information, sales information, and review information of the first color chip and the second color chip in the form of one or more keywords.

[0018] In one embodiment, the product may be a product composed of a combination of multiple colors, and at least a portion of an area of ​​the color chip may be colored using the multiple colors.

[0019] In one embodiment, the size of the color chip may be proportional to the number of colors.

[0020] According to another embodiment of the present disclosure for solving the above technical problem, a method for supporting selection of a purchase option for a product may include the steps of: obtaining detailed information of a product registered in an e-commerce platform; determining whether a color code value belonging to a color item among purchase options of the product exists in the detailed information of the product; obtaining color information of the product from an image of the product included in the detailed information of the product in response to determining that the color code value does not exist; and rendering a purchase option selection area of ​​a detailed information page for the product. In this case, the rendering step may include the step of rendering a plurality of color chips representing each value of the color item among the purchase options of the product. In addition, at least a portion of an area of ​​the color chip may be colored using the color information.

[0021] In one embodiment, the method for supporting selection of a purchase option of the product may further include a step of receiving a predefined first gesture for the color chip and a step of displaying the color chip by enlarging its size in response to the first gesture.

[0022] In one embodiment, the method for supporting selection of a purchase option of the product may further include a step of receiving a predefined first gesture for a first color chip and a step of displaying an example image of a product in which the color of the first color chip is reflected in response to the first gesture.

[0023] In one embodiment, the shape of the colored area of ​​the color chip may be determined based on the cross-sectional shape of the product.

[0024] In one embodiment, the shape of the colored area of ​​the color chip may be determined based on the product type of the product.

[0025] In one embodiment, the product may be a product composed of a combination of multiple colors, and at least a portion of an area of ​​the color chip may be colored using the multiple colors.

[0026] According to another embodiment of the present disclosure for solving the above technical problem, a system for supporting selection of a purchase option of a product may include a processor and a memory storing instructions, wherein the instructions, when executed by the processor, may cause the processor to perform an operation of obtaining detailed information of the product including a plurality of color code values ​​belonging to a color item among purchase options of the product and an operation of rendering a purchase option selection area of ​​a detailed information page for the product. In this case, the rendering operation may include an operation of rendering a plurality of color chips representing each value of a color item among purchase options of the product. In addition, at least a portion of an area of ​​the color chips may be colored using the color code values.

[0027] According to another embodiment of the present disclosure for solving the above technical problem, a system for supporting selection of a purchase option of a product may include a processor and a memory storing instructions, wherein the instructions, when executed by the processor, may cause the processor to perform the following operations: obtaining detailed information of a product registered in an e-commerce platform; determining whether a color code value belonging to a color item among purchase options of the product exists in the detailed information of the product; obtaining color information of the product from an image of the product included in the detailed information of the product in response to determining that the color code value does not exist; and rendering a purchase option selection area of ​​a detailed information page for the product. In this case, the rendering operation may include rendering a plurality of color chips representing each value of a color item among purchase options of the product. In addition, at least a portion of an area of ​​the color chips may be colored using the color information.

[0028] According to this embodiment, the text-type color items displayed in the purchase option selection area of ​​a product are replaced with color chips containing areas where the actual color of the product is colored, thereby improving the user's convenience and satisfaction in the step of selecting a color among the purchase options of the product.

[0029] According to this embodiment, there is no need to go back to the color description section within the product detail page to check the color of each product during the product color selection process, thereby saving time and cost consumed during the product purchase option selection process.

[0030] According to this embodiment, color comparison information for multiple color chips corresponding to the user's gesture and various information that can be used as a reference for product purchase decisions are displayed in a single pop-up window, allowing the user to easily check various information, including the color of the product they wish to purchase. Furthermore, since the user's purchase decision is made based on various information that can be used as a reference for product purchase decisions, the user's purchase satisfaction can be enhanced.

[0031] According to this embodiment, the convenience of the user can be improved by automatically obtaining the color information of the product and rendering the color chip on the screen based on the obtained information without the seller of the product or the service provider having to individually input the color code values ​​belonging to the color items of the product.

[0032] The effects according to the technical idea of ​​the present disclosure are not limited to the effects mentioned above, and other effects not mentioned will be clearly understood by those skilled in the art from the description below.

[0033] FIG. 1 illustrates an exemplary environment in which a product purchase option selection support system according to some embodiments of the present disclosure may be applied.

[0034] FIG. 2 is a flowchart illustrating a method for supporting selection of purchase options for a product according to one embodiment of the present disclosure.

[0035] FIG. 3 is an exemplary diagram of a screen of a user terminal on which a detailed information page for a product is displayed, which may be referenced in some embodiments of the present disclosure.

[0036] FIG. 4 is a flowchart illustrating an additional process of a method for supporting selection of purchase options for a product according to one embodiment of the present disclosure.

[0037] Figures 5 to 7 are exemplary diagrams for explaining the operation illustrated in Figure 4.

[0038] FIG. 8 is an exemplary diagram illustrating the shape of a colored area of ​​a color chip, which may be referenced in some embodiments of the present disclosure.

[0039] FIG. 9 is an exemplary diagram illustrating a color chip in which some areas are colored using multiple colors, which may be referenced in some embodiments of the present disclosure.

[0040] FIG. 10 is a flowchart illustrating a method for supporting selection of purchase options for a product according to another embodiment of the present disclosure.

[0041] Figure 11 is an example diagram for explaining some of the operations illustrated in Figure 10.

[0042] FIG. 12 is a hardware configuration diagram of a computing system according to some embodiments of the present disclosure.

[0043] Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the attached drawings. The advantages and features of the present invention, and methods for achieving them, will become clearer with reference to the embodiments described in detail below together with the attached drawings. However, the technical spirit of the present invention is not limited to the following embodiments and may be implemented in various different forms. The following embodiments are provided only to complete the technical spirit of the present invention and to fully inform those skilled in the art of the present invention of the scope of the present invention, and the technical spirit of the present invention is defined only by the scope of the claims.

[0044] In describing the present disclosure, if it is determined that a detailed description of a related known configuration or function may obscure the gist of the present invention, the detailed description will be omitted.

[0045] Unless otherwise defined, the terms (including technical and scientific terms) used in the following examples may be used with meanings commonly understood by those of ordinary skill in the art to which this disclosure pertains; however, this may vary depending on the intentions of engineers working in the relevant field, precedents, the emergence of new technologies, etc. The terminology used in this disclosure is for the purpose of describing the embodiments and is not intended to limit the scope of this disclosure.

[0046] In the following examples, singular expressions include plural concepts unless the context clearly specifies that they are singular. Furthermore, plural expressions include singular concepts unless the context clearly specifies that they are plural.

[0047] In addition, terms such as first, second, A, B, (a), (b), etc. used in the following embodiments are only used to distinguish certain components from other components, and the nature, order, or sequence of the components are not limited by the terms.

[0048] Hereinafter, various embodiments of the present disclosure will be described in detail with reference to the attached drawings.

[0049] FIG. 1 illustrates an exemplary environment in which a product purchase option selection support system according to some embodiments of the present disclosure may be applied.

[0050] As illustrated in FIG. 1, a product purchase option selection support system according to some embodiments of the present disclosure may include a service server (100) and a user terminal (200).

[0051] A service server (100) may refer to a computing device / system that provides a service for purchasing and selling products through an online platform. For example, the service server (100) may refer to a device / system that provides e-commerce services. The service server (100) may provide transaction services for products registered on an e-commerce platform and may also provide a detailed information page containing information on product purchase options.

[0052] The service server (100) can perform various operations / functions to support users purchasing products to easily select purchase options for the products and to enhance the convenience and satisfaction of users using e-commerce services. For example, the service server (100) can extract product color information from product images included in a product detail information page, and use the extracted color information to create and provide a product purchase option selection area on the detailed information page. In addition, when a user attempts to purchase a product that allows selection of multiple color options, the service server (100) can create and provide a product purchase option selection area that includes information on colors selectable by the user.

[0053] The service server (100) may be implemented by at least one computing device. For example, all functions of the service server (100) may be implemented by a single computing device, or a first function of the service server (100) may be implemented by a first computing device and a second function may be implemented by a second computing device. Alternatively, specific functions of the service server (100) may be implemented by multiple computing devices.

[0054] A computing device can encompass any device equipped with computing capabilities. For an example of such a device, see FIG. 12. A computing device is a collection of interacting components (e.g., memory, processor, etc.), and thus may sometimes be referred to as a "computing system." Furthermore, a computing system may also refer to a collection of interacting computing devices.

[0055] Next, the user terminal (200) may refer to a computing device used by a user to receive e-commerce services. As illustrated in FIG. 1, the user terminal (200) may be implemented as various types of computing devices, such as a smartphone (200a), a desktop (200b), a laptop (200c), etc., and may be implemented as any device. Refer to FIG. 12 for an example of such a computing device.

[0056] The user terminal (200) can also perform various operations / functions to encourage rational and economical consumption by users purchasing products and to enhance the convenience and satisfaction of users using e-commerce services. For example, the user terminal (200) can render a color chip containing product color information using detailed product information (e.g., product color option information, color code value) received from the service server (100). Furthermore, the user terminal (200) can display various information that the user can refer to when deciding whether to purchase a product in response to a user's predefined gesture regarding the color chip displayed on the screen.

[0057] As illustrated in FIG. 1, the service server (100) and the user terminal (200) can communicate via a network. Here, the network can be implemented as any type of wired / wireless network, such as a Local Area Network (LAN), a Wide Area Network (WAN), a mobile radio communication network, Wibro (Wireless Broadband Internet), etc. The operations / functions of the above-described service server (100) and the user terminal (200) will be described in detail with reference to FIGS. 2 to 11.

[0058] So far, with reference to FIG. 1, devices (100, 200) that support a user's selection of product purchase options according to some embodiments of the present disclosure have been briefly described. Below, with reference to FIG. 2 and the following drawings, a method for supporting product purchase option selection according to some embodiments of the present disclosure will be described in detail. However, for ease of understanding, the description will continue under the assumption that the methods described below are performed in the environment illustrated in FIG. 1.

[0059] Figure 2 is a flowchart illustrating a method for supporting selection of product purchase options according to one embodiment of the present disclosure. However, this is merely a preferred embodiment for achieving the purpose of the present disclosure, and it is understood that some steps may be added or deleted as needed.

[0060] For reference, FIG. 2 illustrates the steps / operations of a method for supporting selection of purchase options for a product performed on a user terminal (200). Therefore, in the following descriptions, if the subject of a specific step / operation is omitted, it can be understood that it is performed on the user terminal (200). However, in an actual environment, some functions / operations of the user terminal (200) may be implemented on the service server (100), and some functions / operations of the service server (100) may be implemented on the user terminal (200). In other words, the subject performing a specific step / operation may vary depending on the implementation method.

[0061] As illustrated in FIG. 2, a method for supporting selection of a product purchase option according to one embodiment of the present disclosure may begin at step S100, in which a user terminal acquires detailed information about a product registered on an e-commerce platform, including a plurality of color code values ​​belonging to a color item among the product purchase options. At this time, the product purchase options may include items such as the product color, the number of products to be purchased, and the product type / kind. In addition, the plurality of color code values ​​may be values ​​previously input or set by the product seller or service provider. That is, the user terminal may acquire the color code values ​​included in the color item among the product purchase options from the product detailed information received from the service server. Thereafter, the user terminal may render a color chip including a colored area using the acquired color code values.

[0062] Meanwhile, the user terminal may be a device such as a mobile phone, smartphone, tablet, laptop PC, or desktop PC. However, for ease of understanding, the following description assumes that the user terminal is a smartphone, and the screen displaying the product details page and the product purchase option selection area is the smartphone's screen.

[0063] In step S200, the user terminal may render a purchase option selection area of ​​a product detail information page. More specifically, the user terminal may render a plurality of color chips including each value of a color item among the purchase options of the product. At this time, at least a portion of the area of ​​each of the plurality of color chips may be colored using the color code value acquired in step S100. For example, as illustrated in FIG. 3, a rectangular color chip (10a) may represent a first color (e.g., L1 (color name 01)), and a portion of the area of ​​the color chip (10a) (e.g., a circular shape) may be colored with the first color. Meanwhile, the shape of the color chip (10a) is not limited to the shape illustrated in FIG. 3, and may of course have various shapes within a range that supports the user's selection of a color item among the purchase options of the product. A detailed description thereof will be described later with reference to FIGS. 8 and 9.

[0064] Meanwhile, in response to a user's predefined gesture regarding a color chip displayed within the product purchase option selection area rendered through steps S100 and S200, additional information may be provided to the user to assist the user in selecting a color item of the product when purchasing the product. For example, in response to a user's long-tap input regarding a color chip displayed on the screen of a user terminal, the color chip may be enlarged and displayed. Furthermore, in response to a user's input of clicking a first color chip and moving it to a second color chip, a pop-up window containing comparative information between a product of the color represented by the first color chip and a product of the color represented by the second color chip may be displayed. A detailed description thereof will be described later with reference to FIGS. 4 to 7.

[0065] In summary, a user terminal that receives detailed product information including purchase options from a service server can render a color chip and a purchase option selection area including the color chip using a color code value belonging to a color item among the purchase options of the product. At this time, the color chip may include an area colored in a color corresponding to the color code value and an area displaying the name or identifier of the color. In other words, the purchase option selection area of ​​the product within the detailed product information page displayed on the screen of the user terminal may display a colored area along with the color name.

[0066] In the past, users of e-commerce platforms were able to select purchase options for products through multiple items (e.g., number of products, color of products, type of products, etc.) displayed in the purchase option selection area of ​​the product detail page. However, when selecting the color of the product, the color items in the purchase option selection area only displayed the text of the color name (e.g., black, yellow, white, blue) or identifier (e.g., code #1, code #3, etc.). Therefore, there was a problem in that users had to select the color of the product by looking only at the color name or identifier text or check the product color information within the product detail page and then select the color of the product.

[0067] Accordingly, by replacing the text-based color selections displayed in the product purchase option selection area with color chips containing the actual color of the product, user convenience and satisfaction can be improved during the color selection process. Furthermore, since the color selection process eliminates the need to return to the color description section within the product details page to individually check the product's color, the time and cost spent on selecting a product purchase option can be reduced.

[0068] FIG. 3 is an exemplary diagram of a screen of a user terminal on which a detailed information page for a product is displayed, which may be referenced in some embodiments of the present disclosure.

[0069] As illustrated in FIG. 3, a detailed information page for a product displayed on a screen (30a) of a user terminal may include a first area (31) where an image of the product is displayed, a second area (32) where summary information about the product is displayed, a product purchase option selection area (33) where items such as product color and quantity can be selected, and a third area (34) where a button for moving to the product payment page is displayed. At this time, the summary information about the product displayed in the second area (32) may include the product's manufacturing company, the product's purchase rating, the product's name, quantity, price, and delivery information.

[0070] In some embodiments of the present disclosure, a product purchase option selection area (33) may include color chips (10a, 10b, 10c, 10d) that include each value of a color item of the product, as described above with reference to FIG. 2. At this time, as illustrated in FIG. 3, at least some of the areas of the color chips (10a, 10b, 10c, 10d) may be colored using color code values. That is, the color chips (10a, 10b, 10c, 10d) may include an area where a specific shape (e.g., a circle) colored with the color of the product is displayed, and an area where the name of the color and the text of the identifier are written. Accordingly, a user who wishes to purchase a product can intuitively recognize the color of the product he or she wishes to purchase through the color and color name of the product displayed on the color chip, and easily select a desired color.

[0071] Meanwhile, if there are multiple colors of a product that a user wants to purchase (i.e., there are color code values ​​for multiple products), multiple color chips corresponding to each color of the product can be rendered using multiple color code values. In this case, there may be cases where not all of the multiple color chips are displayed on the screen of the user terminal. In such a case, as illustrated in FIG. 3, color chips (10f, 10g, 10h) that were not displayed on the screen (30a) of the user terminal can be displayed on the screen (30b) of the user terminal through the user's selection input (3a) and scroll input (3b).

[0072] In one embodiment, a user can check all selectable color information for a product to be purchased by clicking the View All button displayed in the purchase option selection area (33). That is, when a user clicks the View All button, a separate pop-up window may be displayed displaying multiple color chips containing all selectable color information for the product.

[0073] In one embodiment, an additional screen supporting color selection of a product may be displayed on the screen of the user terminal according to a user's gesture input for a color chip (10a, 10b, 10c, 10d, 10e, 10f, 10g, 10h) displayed in a purchase option selection area (33). At this time, the additional screen may be displayed in the form of a separate pop-up window, and may be continuously displayed until the user clicks a separate end button or close button, or may be displayed only while the user's gesture input for the color chip is maintained.

[0074] A detailed description of the steps / operations additionally performed by the user's gesture input for the color chips (10a, 10b, 10c, 10d, 10e, 10f, 10g, 10h) displayed in the purchase option selection area (33) will be described later with reference to FIGS. 4 to 7.

[0075] In summary, when color options are displayed as text containing color names and identifiers, users cannot easily identify the product color. Furthermore, since color information cannot be determined solely through text, users must manually review images and color descriptions within the product details page, resulting in inconvenience. This can be particularly challenging for product categories like cosmetics and stationery, where users have numerous color choices and multiple products with similar colors.

[0076] Accordingly, a technology is required that can improve user convenience by allowing users to intuitively obtain information about colors when selecting / determining the color of a product they wish to purchase.

[0077] Meanwhile, there may be cases where the product details received from the service server do not include the color code value within the color item in the product purchase options. In such cases, the color chip providing information about the product's color cannot be rendered. Therefore, a method is required to obtain the product's color information or color code value from certain areas within the product details page, such as the product image and description, and render the color chip. A detailed description of this will be provided below with reference to FIGS. 10 and 11.

[0078] Hereinafter, a method for checking more detailed information about the color of a product based on a user's predefined gesture with respect to a color chip in a product purchase option selection area displayed on a screen of a user terminal will be described with reference to FIGS. 4 to 7.

[0079] Figure 4 is a flowchart illustrating an additional process for a method for supporting selection of product purchase options, according to one embodiment of the present disclosure. However, this is merely a preferred embodiment for achieving the purpose of the present disclosure, and it is understood that some steps may be added or deleted as needed.

[0080] In one embodiment, the user terminal may receive a predefined first user gesture for a first color chip displayed in the purchase option selection area of ​​a product detail page (step S300). Thereafter, in response to the user's first gesture, the user terminal may enlarge the size of the first color chip and display it on the screen (step S400).

[0081] At this time, the predefined first gesture of the user may include various input methods / motions, such as a long-tap motion, a double-click motion, a swipe motion, etc., that last for a certain period of time or longer. However, for the convenience of understanding, the following description will assume that the first gesture of the user is a long-tap motion.

[0082] Meanwhile, when a user performs a first gesture on the first color chip, only the size of the first color chip may be enlarged and displayed on the screen, or the sizes of all of the plurality of color chips including the first color chip may be enlarged and displayed on the screen. In addition, the size of the first color chip or the sizes of the plurality of color chips including the first color chip may be enlarged and displayed on the screen only while the user's first gesture on the first color chip is maintained.

[0083] Accordingly, according to this embodiment, color chips corresponding to the user's gesture are enlarged and displayed on the screen, allowing the user to more precisely check the product's color. Furthermore, by carefully checking the product's color before selecting a color option, the user's satisfaction with the final product purchased can be enhanced.

[0084] In one embodiment, the user terminal may receive a predefined first user gesture for a first color chip displayed in the purchase option selection area of ​​a product detail page (step S300). Thereafter, in response to the user's first gesture, the user terminal may display an advertisement image of the product reflecting the color of the first color chip on the screen (step S500).

[0085] At this time, the advertising image of the product reflecting the color of the color chip may include an image of an advertising model using a product of the first color, an advertising video for the product of the first color, etc. More specifically, in the case of a lipstick product, the advertising image of the product may be an image of the lips using a lipstick of a specific color, an image of the model's face, or in the case of a nail polish product, an image of the advertising model showing nails using a nail polish of a specific color. Furthermore, the display of advertising images for products of a specific color is not limited to displaying only on the screen, and various advertising contents, such as introductory video content for products of a specific color, may be displayed on the screen.

[0086] Meanwhile, when a user performs a first gesture on the first color chip, only the advertisement image of the product reflecting the color of the first color chip may be displayed on the screen, or all advertisement images of the products for a plurality of color chips including the first color chip may be displayed on the screen. Furthermore, as described above, the advertisement image of the product reflecting the color of the first color chip may be displayed on the screen only while the user's first gesture on the first color chip is maintained.

[0087] Accordingly, according to this embodiment, a product advertisement image reflecting the color of the color chip corresponding to the user's gesture is displayed on the screen, allowing the user to rationally determine the color of the product they wish to purchase, thereby enhancing user satisfaction. Furthermore, since the user can determine the color through the product advertisement image displayed in the purchase option selection area without having to return to the product details page to individually check the product color, user convenience can be effectively increased.

[0088] In one embodiment, the user terminal may receive a predefined second gesture from the user to move the first color chip displayed in the purchase option selection area of ​​the product detail page to the area where the second color chip is displayed (step S600). Thereafter, in response to the user's second gesture, the user terminal may display a pop-up window on the screen displaying comparison information between the first color chip and the second color chip (step S700).

[0089] In this case, the user's second predefined gesture may be a swipe motion. However, the user's second gesture is not limited to the examples described above, and may include various predefined methods / motions that can display a pop-up window containing comparison information for multiple color chips.

[0090] Meanwhile, the pop-up window displaying comparison information between the first color chip and the second color chip may include detailed description information about the color of the first color chip and the color of the second color chip, sales information, and buyer review information. At this time, the detailed description information about the color of the first color chip and the color of the second color chip, sales information, and buyer review information may be displayed in the pop-up window in the form of text or images, and may be displayed in the pop-up window in the form of keywords extracted from the text or generated by AI based on the text or the image. In addition, in the case of products with different prices or different delivery periods depending on the color, price information and delivery period information may also be included. A detailed description of the pop-up window displaying comparison information between the first color chip and the second color chip and the information displayed in the pop-up window will be described later with reference to FIG. 7.

[0091] Accordingly, according to this embodiment, color comparison information for multiple color chips corresponding to the user's gesture and various information that can be used as a reference for product purchase decisions are displayed in a single pop-up window, allowing the user to easily check various information, including the color of the product they wish to purchase. Furthermore, since the user's purchase decision is made based on various information that can be used as a reference for product purchase decisions, the user's purchase satisfaction can be enhanced.

[0092] FIGS. 5 to 7 are exemplary diagrams for explaining the operation illustrated in FIG. 4. More specifically, FIG. 5 is an exemplary diagram of a screen in which the size of a color chip is enlarged and displayed in response to a user's gesture, FIG. 6 is an exemplary diagram of a screen in which an advertisement image of a product with the color of the color chip reflected in response to a user's gesture is displayed, and FIG. 7 is an exemplary diagram of a screen in which a pop-up window including comparison information of a plurality of color chips is displayed in response to a user's gesture.

[0093] Meanwhile, the screen (30a) of the user terminal illustrated in FIGS. 5 to 7 is identical or similar to the user terminal screen illustrated in FIG. 3, so a detailed description of the overlapping content will be omitted.

[0094] As illustrated in FIG. 5, in response to a user's gesture (i.e., long tap input, 5a) for the first color chip (10a) displayed in the purchase option selection area (33) within the product detail information page displayed on the screen (30a) of the user terminal, a first screen (50) in which the first color chip is enlarged and displayed may be displayed on the screen (30b) of the user terminal. Referring to FIG. 5, it can be confirmed that the first color chip (10aa) displayed on the screen (30b) of the user terminal is larger than the first color chip (10a) displayed on the screen (30a) of the user terminal.

[0095] At this time, the first screen (50) on which the first color chip is enlarged and displayed may be displayed in the form of a pop-up window in a portion of the screen (30b) of the user terminal, as illustrated in FIG. 5, or may be displayed in the form of a new screen in the entire area. In addition, only one color chip corresponding to the user's gesture may be enlarged and displayed on the first screen (50), or, as illustrated in FIG. 5, a plurality of color chips corresponding to each of a plurality of colors selectable for the product may all be enlarged and displayed.

[0096] Meanwhile, the shape, size, and arrangement of the plurality of color chips displayed on the first screen (50) are not limited to those illustrated in FIG. 5, and may be changed according to the needs of the seller of the product or the service provider.

[0097] As illustrated in FIG. 6, in response to a user's gesture (i.e., long tap input, 5a) for the first color chip (10a) displayed in the purchase option selection area (33) within the product detail page displayed on the screen (30a) of the user terminal, a first screen (50) displaying an advertisement image of a product reflecting the color of the first color chip may be displayed on the screen (30b) of the user terminal. A detailed description of the advertisement image reflecting the color of the first color chip has been described above with reference to FIG. 4, and therefore, a description of any duplicate content will be omitted below.

[0098] That is, an existing color chip including some colored areas can be replaced with a color chip in which an advertising image using a product of a specific color is displayed in some areas. Referring to FIG. 6, it can be seen that a color chip (10a) including an area of ​​a circle colored in a first color is replaced with a color chip (10ab) including an advertising image (e.g., an image of a model's lips) using a product of the first color (e.g., lipstick).

[0099] Meanwhile, as described above, the first screen (50) on which the advertisement image of the product reflecting the color of the first color chip is displayed may be displayed in the form of a pop-up window in a portion of the screen (30b) of the user terminal, as illustrated in FIG. 6, or may be displayed in the form of a new screen in the entire area. In addition, the first screen (50) may display only one color chip including an advertisement image corresponding to the color of the input color chip corresponding to the user's gesture, or, as illustrated in FIG. 6, a plurality of color chips corresponding to each of a plurality of colors selectable for the product may all be enlarged and displayed.

[0100] In addition, it should be noted that the shape, size, and arrangement of the plurality of color chips including the advertising image reflecting the color of the product displayed on the first screen (50) are not limited to the contents exemplified in FIG. 6.

[0101] As illustrated in FIG. 7, in response to a user's gesture (i.e., swipe input (i.e., selection input (7a) and scroll input (7b))) of moving a first color chip (10a) displayed in a purchase option selection area (33) in a product detail information page displayed on a screen (30a) of a user terminal to an area where a second color chip (10b) is displayed, a pop-up window (70) including comparison information of the first color chip and the second color chip can be displayed on the screen (30b) of the user terminal.

[0102] At this time, the comparison information between the first color chip and the second color chip displayed in the pop-up window (70) may include comparison information on color, color name, color description, sales volume, rating, review, etc.

[0103] For example, as illustrated in FIG. 7, a pop-up window (70) displays a first color chip and a second color chip corresponding to the user's gesture, allowing the user to intuitively compare the exact color of the product. Furthermore, at the bottom of the area where the color chips are displayed, information such as description comparison information, sales volume comparison information, rating comparison information, and purchase review comparison information for each color chip may be organized and displayed in a table format. If a product has different prices or delivery periods depending on its color, price comparison information or delivery period comparison information may be displayed together.

[0104] Meanwhile, as described above, the form and method of the pop-up window (70) displayed on the screen (30b) of the user terminal can be set in various ways. In addition, it should be noted that the types and display forms of comparison information of multiple color chips displayed in the pop-up window (70) are not limited to the contents exemplified in FIG. 7.

[0105] For example, the pop-up window (70) may display one or more of the color description information, sales information, and review information of a plurality of color chips in the form of keywords. That is, rather than displaying the comparison information of the color chips in a table format as illustrated in FIG. 7, keywords generated by AI based on the comparison information of a plurality of color chips (e.g., #rose, #temptation, #1st, #sweet, #wine, #4.5 / 5.0) may be displayed on the screen in a list format.

[0106] In summary, in response to a predefined user gesture (e.g., a long-tap input), a color chip containing information about the color of a product can be enlarged or displayed in a modified form. By enlarging the color chip, the user can more accurately perceive the color painted in a specific area of ​​the color chip, and based on this, accurately determine the color of the product they wish to purchase. Furthermore, by replacing the color chip containing the colored area with a color chip containing an advertising image of the product in its color, the user can easily determine the color of the product they wish to purchase by referring to an actual image of the product.

[0107] Additionally, in response to a user's gesture (e.g., a swipe input) for multiple color chips, comparative information for the multiple color chips may be displayed. This comparative information may include detailed descriptions of the color of the color chips, sales volume information, review information, and more. Thus, users can easily and quickly obtain comparative information on colors through a single screen, and by selecting a product color based on this information, user convenience and satisfaction can be enhanced.

[0108] Hereinafter, various shapes of color chips displayed on a screen of a user terminal, which may be referenced in some embodiments of the present disclosure, will be described with reference to FIGS. 8 and 9.

[0109] FIG. 8 is an exemplary diagram illustrating the shape of a colored area of ​​a color chip, which may be referenced in some embodiments of the present disclosure.

[0110] In one embodiment, the shape of the colored area of ​​the color chip may be determined based on the cross-sectional shape of the product. As illustrated in FIG. 8, the first product (81) may be a lipstick having a circular cross-section, and the second product (82) may be a lipstick having a rectangular cross-section. In this case, the area where a color is colored among the areas of each of the plurality of color chips (81a) displayed in the purchase option selection area of ​​the detailed information page for the first product (81) may have a circular shape. In addition, the area where a color is colored among the areas of each of the plurality of color chips (82a) displayed in the purchase option selection area of ​​the detailed information page for the second product (82) may have a rectangular shape.

[0111] Accordingly, according to the present embodiment, by including cross-sectional shape information of the product along with color information of the product in the color chip displayed in the product purchase option selection area, it is possible to support a user who wishes to purchase a product to make a selection regarding a purchase option of the product based on more accurate and abundant information.

[0112] Although not illustrated in FIG. 8, in one embodiment, the shape of the colored area of ​​the color chip may be determined based on the product type of the product. For example, if the lipstick is a solid type, the colored area of ​​the color chip may have a polygonal shape with borders consisting only of straight lines. If the lipstick is a liquid type, the colored area may have a shape with borders consisting only of curved lines. In other words, the shape of the colored area of ​​the color chip may be determined differently depending on the product type, type, and other attributes of the product.

[0113] In summary, the shape of the colored area of ​​the color chip displayed in the product purchase option selection area may be determined differently depending on the product's cross-sectional shape, product type, and other properties.

[0114] Accordingly, users can easily obtain purchase option information for a product they wish to purchase through a color chip that includes product attribute information such as the product's cross-sectional shape and product type as well as color information, and select the optimal purchase option based on the obtained information.

[0115] FIG. 9 is an exemplary diagram illustrating a color chip in which some areas are colored using multiple colors, which may be referenced in some embodiments of the present disclosure.

[0116] In one embodiment, Product A registered on an e-commerce platform may be a product comprised of a combination of multiple colors, and at least some of the areas of the color chips displayed in the purchase option selection area of ​​Product A may be colored using multiple colors. For example, Product A may be a powder product that requires selecting a first color for half the area and a second color for the other half.

[0117] As illustrated in box (91) of Fig. 9, in the case of a product composed of a combination of multiple colors from among colors L1 to L6, multiple color chips with some areas colored using multiple colors may be displayed on the screen. However, it should be noted that the shape or form of the area colored with multiple colors is not limited to the content illustrated in Fig. 9.

[0118] In one embodiment, the size of a color chip in which some areas are colored using multiple colors may be proportional to the number of colors used to render the color chip. That is, as illustrated in box (92) of FIG. 9, a color chip in which some areas are colored using four colors (L1, L2, L3, L4) may be larger than a color chip in which some areas are colored using two colors (L1, L2), and a color chip in which some areas are colored using six colors (L1 to L6) may be larger than a color chip in which some areas are colored using four colors (L1, L2, L3, L4).

[0119] In one embodiment, the sizes of color chips rendered using multiple colors may be the same, but the size of the painted area of ​​the color chip may be proportional to the number of colors used to render the color chip. That is, as illustrated in box (93) of FIG. 9, the painted area of ​​a color chip rendered using four colors (L1, L2, L3, L4) may be larger than the painted area of ​​a color chip rendered using two colors (L1, L2), and the painted area of ​​a color chip rendered using six colors (L1 to L6) may be larger than the painted area of ​​a color chip rendered using four colors (L1, L2, L3, L4).

[0120] According to this embodiment, the larger the number of colors inside a color chip having a limited size, the larger the area occupied by the colored area, thereby enabling a user to more accurately identify color information.

[0121] In summary, the colored area within a color chip may be colored with a single color or with multiple colors. Furthermore, the size of the colored area within the color chip or the size of the color chip may vary depending on the number of colors.

[0122] Accordingly, in the process of purchasing a product composed of a combination of multiple colors, a color chip including an area colored with multiple colors is displayed in the purchase option selection area, so that the user can easily grasp information about the combination of multiple colors, and the satisfaction with the purchase of the product can be improved.

[0123] So far, with reference to FIGS. 2 to 9, a method for supporting selection of a product purchase option, which can be performed by a user terminal, when the detailed information of a product includes multiple color code values ​​belonging to a color item among the product purchase options, according to an embodiment of the present disclosure has been described. Hereinafter, a method for supporting selection of a product purchase option when the detailed information of the product does not include multiple color code values ​​belonging to a color item among the product purchase options will be described in detail with reference to FIGS. 10 and 11.

[0124] Figure 10 is a flowchart illustrating a method for supporting selection of purchase options for a product, according to another embodiment of the present disclosure. However, this is merely a preferred embodiment for achieving the purpose of the present disclosure, and it is understood that some steps may be added or deleted as needed.

[0125] For reference, FIG. 10 illustrates the steps / operations of a method for supporting selection of purchase options for a product performed on a user terminal (200). Therefore, in the following descriptions, if the subject of a specific step / operation is omitted, it can be understood that it is performed on the user terminal (200). However, in an actual environment, some functions / operations of the user terminal (200) may be implemented on the service server (100), and some functions / operations of the service server (100) may be implemented on the user terminal (200). In other words, the subject performing a specific step / operation may vary depending on the implementation method.

[0126] As illustrated in FIG. 10, a method for supporting product purchase option selection according to one embodiment of the present disclosure may begin at step S1000, in which a user terminal obtains detailed information about a product registered on an e-commerce platform from a service server. The user terminal may be a device such as a mobile phone, smartphone, tablet, laptop PC, or desktop PC. However, for ease of understanding, the following description assumes that the user terminal is a smartphone, and the screen displaying the product detailed information page and the product purchase option selection area is the smartphone's screen.

[0127] In step S2000, the user terminal can determine whether the product's detailed information includes a color code value belonging to the color item among the product's purchase options. The product's purchase options may include items such as the product's color, the number of items to purchase, and the product's type / class. Furthermore, the plurality of color code values ​​may be values ​​previously input or set by the product seller or service provider. Accordingly, if the product seller or service provider has not previously input or set a color code value corresponding to the product's color, the product's detailed information received by the user terminal from the service server may not include a color code value.

[0128] In step S3000, in response to determining that a color code value belonging to the product color item does not exist, the user terminal may obtain product color information from the product image included in the product detail information. In this case, the product color information may be obtained by extracting RGB values ​​from a specific area within the image of the product displayed in the product description section of the product detail information page, where the product color is expressed. Furthermore, the specific area may be a region preset by the product seller, or may refer to an area selected by an image recognition AI model.

[0129] Accordingly, even if the seller or service provider of the product does not input or set a color code value corresponding to the color of the product, the color code value belonging to the color item among the purchase options of the product can be automatically obtained from a specific area within the product detail page.

[0130] In step S4000, the user terminal may render a purchase option selection area of ​​a product detail page. More specifically, the user terminal may use the product color information acquired through step S3000 to render multiple color chips containing each value of the color item among the product purchase options. At this time, at least a portion of the area of ​​each of the multiple color chips may be colored using the coloring information acquired in step S3000. A detailed description of the color chips has been previously described with reference to FIGS. 2 to 9, and therefore, any redundant description thereof will be omitted below.

[0131] In summary, a user terminal that receives product details, including purchase options, from a service server can determine whether a color code value belonging to the color item among the product purchase options exists in the product details. If the color code value is determined not to exist, the user terminal can obtain product color information from areas such as product images included in the product details. Thereafter, the user terminal can use the obtained product color information to render a purchase option selection area containing a color chip.

[0132] This allows product sellers or service providers to automatically obtain product color information and display color chips based on this information on the screen, eliminating the need to manually input color code values ​​for each color item. This enhances user convenience. Furthermore, during the color selection process, users can accurately identify the product's color through the color chip displayed in the purchase options area, eliminating the need to manually go back to the color description section within the product details page to check each color individually. This saves time and money during the product purchase option selection process.

[0133] Figure 11 is an exemplary diagram illustrating some of the operations illustrated in Figure 10. More specifically, it is an exemplary diagram for an operation of acquiring color information of a product from some area within a product detail page and rendering a color chip based on the acquired information.

[0134] As illustrated in Fig. 11, if it is determined that a color code value belonging to a color item among the purchase options of a product does not exist, color information of the product can be obtained based on the RGB value of the area where the product image (11b) or the color description image (11a) of the product is displayed in the product detail information page (35) displayed on the screen (30a) of the user terminal.

[0135] Thereafter, the user terminal can render a color chip with a partially colored area using color information obtained from a product image (11b) or a product color description image (11a), as shown in the screen (30b) of the user terminal illustrated in Fig. 11, and can render a purchase option selection area of ​​a product including a color chip. The screen (30b) of the user terminal is identical to the screen (30a) of the user terminal illustrated in Fig. 3, and therefore, a detailed description thereof will be omitted.

[0136] Heretofore, a method for supporting selection of a purchase option for a product according to some embodiments of the present disclosure has been described with reference to FIGS. 1 to 11 . According to the method for supporting selection of a purchase option for a product according to some embodiments of the present disclosure, a color chip may be generated in which a portion of an area is colored using a color code value belonging to a color item of a purchase option included in the product's detailed information. In addition, if the product's detailed information does not include a color code value belonging to a color item of a purchase option for the product, a color chip may be automatically generated in which a portion of an area is colored using color information acquired from a specific area (e.g., a product-related image) within the product's detailed information page.

[0137] Accordingly, by replacing the text-based color items displayed in the product purchase option selection area with color chips containing areas colored with the actual color of the product, user convenience and satisfaction can be enhanced when selecting a color among the product purchase options. Furthermore, in response to the user's predefined gestures on the color chips, various information related to the product's color items is displayed, allowing users to easily understand the product's purchase options and select the optimal purchase option based on this information.

[0138] FIG. 12 is a hardware configuration diagram of a computing system according to some embodiments of the present disclosure. The product purchase option selection support system (1000) illustrated in FIG. 12 may include one or more processors (1100), a system bus (1600), a communication interface (1200), a memory (1400) for loading a computer program (1500) executed by the processor (1100), and a storage (1300) for storing the computer program (1500).

[0139] The processor (1100) controls the overall operation of each component of the product purchase option selection support system (1000). The processor (1100) can perform operations on at least one application or program for executing methods / operations according to various embodiments of the present disclosure. The memory (1400) stores various data, commands, and / or information. The memory (1400) can load one or more computer programs (1500) from the storage (1300) to execute methods / operations according to various embodiments of the present disclosure. The bus (1600) provides a communication function between components of the product purchase option selection support system (1000). The communication interface (1200) supports Internet communication of the product purchase option selection support system (1000). The storage (1300) can non-temporarily store one or more computer programs (1500). The computer program (1500) may include one or more instructions implementing methods / operations according to various embodiments of the present disclosure. When the computer program (1500) is loaded into the memory (1400), the processor (1100) may execute the one or more instructions to perform the methods / operations according to various embodiments of the present disclosure.

[0140] In some embodiments, the product purchase option selection support system (1000) described with reference to FIG. 12 may be configured using one or more physical servers included in a server farm based on cloud technologies such as virtual machines. In this case, at least some of the components illustrated in FIG. 12, such as the processor (1100), memory (1400), and storage (1300), may be virtual hardware, and the communication interface (1200) may also be configured as a virtualized networking element such as a virtual switch.

[0141] Various embodiments of the present disclosure and effects according to the embodiments have been described with reference to FIGS. 1 through 12. The effects according to the technical concept of the present disclosure are not limited to the effects described above, and other effects not mentioned will be clearly understood by those skilled in the art from the description below.

[0142] The technical concepts of the present disclosure described so far can be implemented as computer-readable code on a computer-readable medium. The computer program recorded on the computer-readable recording medium can be transmitted to another computing device via a network such as the Internet, installed on the other computing device, and thus used on the other computing device.

[0143] Although the operations are depicted in a specific order in the drawings, it should not be understood that the operations must be performed in the specific order depicted, or in a sequential order, or that all depicted operations must be performed to achieve the desired results. In certain circumstances, multitasking and parallel processing may be advantageous. Although the embodiments of the present disclosure have been described above with reference to the attached drawings, those skilled in the art to which the present disclosure pertains will understand that the present invention can be implemented in other specific forms without changing the technical spirit or essential characteristics thereof. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. The scope of protection of the present invention should be interpreted by the claims below, and all technical ideas within a scope equivalent thereto should be interpreted as being included in the scope of the technical ideas defined by the present disclosure.

Claims

1. In a method for supporting selection of purchase options for a product performed by a computing device, A step of obtaining detailed information of the product including multiple color code values ​​belonging to the color item among the purchase options of the product; and Including the step of rendering the purchase option selection area of ​​the detailed information page for the above product, The above rendering steps are: Comprising a step of rendering multiple color chips representing each value of a color item among the purchase options of the above product, At least a portion of the area of ​​the color chip is colored using the color code value. How to support selection of purchase options for products.

2. In paragraph 1, A step of receiving a predefined first gesture for the first color chip; and Further comprising a step of displaying the size of the first color chip enlarged in response to the first gesture. How to support selection of purchase options for products.

3. In paragraph 1, A step of receiving a predefined first gesture for the first color chip; and Further comprising a step of displaying an advertising image of a product in which the color of the first color chip is reflected in response to the first gesture. How to support selection of purchase options for products.

4. In paragraph 1, The shape of the colored area of ​​the above color chip is, It is determined based on the cross-sectional shape of the above product. How to support selection of purchase options for products.

5. In paragraph 1, The shape of the colored area of ​​the above color chip is, It is determined based on the product type of the above product, How to support selection of purchase options for products.

6. In paragraph 1, A step of receiving a second gesture for moving the first color chip to an area where the second color chip is displayed; and Further comprising the step of displaying a pop-up window displaying comparison information between the first color chip and the second color chip in response to the second gesture. How to support selection of purchase options for products.

7. In paragraph 6, A pop-up window displaying the above comparison information will appear. A screen that displays at least one of color description information, sales information, and review information of the first color chip and the second color chip. How to support selection of purchase options for products.

8. In paragraph 6, A pop-up window displaying the above comparison information will appear. One or more pieces of information among the color description information, sales information, and review information of the first color chip and the second color chip are displayed in the form of one or more keywords. How to support selection of purchase options for products.

9. In paragraph 1, The above product is a product composed of a combination of multiple colors. At least a portion of the area of ​​the color chip is colored using the plurality of colors. How to support selection of purchase options for products.

10. In paragraph 9, The size of the above color chip is, Proportional to the number of colors above, How to support selection of purchase options for products.

11. In a method for supporting selection of purchase options for a product performed by a computing device, Step of obtaining detailed information of the above product registered on an e-commerce platform; A step of determining whether a color code value belonging to a color item among the purchase options of the product exists in the detailed information of the product; In response to determining that the color code value does not exist, a step of obtaining color information of the product from an image of the product included in the detailed information of the product; and Including the step of rendering the purchase option selection area of ​​the detailed information page for the above product, The above rendering steps are: Comprising a step of rendering multiple color chips representing each value of a color item among the purchase options of the above product, At least a portion of the area of ​​the color chip is colored using the color information. How to support selection of purchase options for products.

12. In paragraph 11, A step of receiving a predefined first gesture for the above color chip; and Further comprising a step of displaying the size of the color chip enlarged in response to the first gesture. How to support selection of purchase options for products.

13. In paragraph 11, A step of receiving a predefined first gesture for the first color chip; and Further comprising the step of displaying an example image of a product in which the color of the first color chip is reflected in response to the first gesture. How to support selection of purchase options for products.

14. In paragraph 11, The shape of the colored area of ​​the above color chip is, It is determined based on the cross-sectional shape of the above product. How to support selection of purchase options for products.

15. In paragraph 11, The shape of the colored area of ​​the above color chip is, It is determined based on the product type of the above product, How to support selection of purchase options for products.

16. In paragraph 11, The above product is a product composed of a combination of multiple colors. At least a portion of the area of ​​the color chip is colored using the plurality of colors. How to support selection of purchase options for products.

17. Processor; and Contains memory for storing instructions, The above instructions, when executed by the processor, cause the processor to: An action to obtain detailed information of the product including multiple color code values ​​belonging to the color item among the purchase options of the product; and Perform an action to render the purchase option selection area of ​​the detailed information page for the above product. The above rendering action is, Includes an action of rendering multiple color chips representing each value of a color item among the purchase options of the above product, At least a portion of the area of ​​the color chip is colored using the color code value. A system that supports selection of purchase options for products.

18. Processor; and Contains memory for storing instructions, The above instructions, when executed by the processor, cause the processor to: An action to obtain detailed information about a product registered on an e-commerce platform; An action to determine whether a color code value belonging to a color item among the purchase options of the above product exists in the detailed information of the above product; In response to determining that the color code value does not exist, an operation of obtaining color information of the product from an image of the product included in the detailed information of the product; and Perform an action to render the purchase option selection area of ​​the detailed information page for the above product. The above rendering action is, Includes an action of rendering multiple color chips representing each value of a color item among the purchase options of the above product, At least a portion of the area of ​​the color chip is colored using the color information. A system that supports selection of purchase options for products.

Images