Successful vs. Unsuccessful Shopping Mall Detail Pages
Related Posts
The Standard for Detail Page Color Combinations (with Creazy)
Detail Page Creation: Why Does a Single Color Change Sales? The detail page is the most powerful touchpoint where you meet customers in an online mall. Many small business owners put effort into flashy graphics or lengthy explanations, but often overlook the power of color that dominates customers' unconscious minds and stimulates their emotions. Color is not just a tool to make a page look pretty; it is a psychological device that determines the first impression of a brand and instantly stimulates the desire to purchase. Why Color Equals Conversion Rate Online customers grasp the mood of a brand within just 3 seconds of accessing a detail page. At this moment, the first piece of information the customer's brain recognizes is 'color'. This is because color accounts for over 80% of visual information. A stable and attractive color combination keeps the customer's eyes on the page and instills positive expectations about the product. When colors suitable for the product's characteristics are properly arranged, customers feel that the brand is sensible and professional. Just like using warm colors that stimulate the appetite when selling warm food, and using calm, cool colors when selling IT devices where trust is crucial. A well-planned color translates into a psychological conviction: "This product suits my taste and can be trusted." !SCR-20260312-pshm.png Tip: Avoid the overuse of neon or primary colors so customers don't feel fatigued. A detail page that is easy on the eyes increases the probability of them clicking the buy button. Common Detail Page Design Mistakes by Small Business Owners Using Too Many Colors & Distracting the Eyes: The most common mistake is overusing various colors in an attempt to make things stand out. When more than four popping colors are mixed on one page, customers lose their way on where to focus and bounce off. Ignoring Brightness and Saturation Contrast: If the contrast between the background color and the text color is not clear, readability drops sharply. Writing white text on a light gray background or writing in dark colors on a dark background makes delivering information impossible. Mismatched Tone and Manner with the Product: Using blue as the main color for diets or health functional foods, which suppresses the appetite, or using a light, vivid yellow for a premium product—when the essence of the product and the color clash, credibility drops. !SCR-20260312-przl.png Solution: If you want to create a sophisticated detail page, the key is to set a consistent color palette that follows the golden ratio and design only within it. The Magic Ratio Learned from Studio Ghibli, the '6:3:1 Rule' 'Studio Ghibli', the animation masterpiece studio that captivated the world with its beautiful and comfortable colors. Behind their uniquely harmonious visual beauty hides the '6:3:1 Color Rule', which is called the standard in the interior and design industries. By applying this ratio to detail pages, even beginners can create screens with a professional level of stability. Background Color - 60%: The color that takes up the wide background of the detail page. It's best to use achromatic colors or pastel tones that are easy on the eyes, such as white, ivory, or light gray, so the product and text can stand out. Main Color - 30%: The color representing the brand's identity. It is used for title bars, subtitle backgrounds, information boxes, etc., and drives the overall mood of the detail page. It is good to utilize the product package color or brand logo color. Point Color - 10%: A highlighting color used where you need to catch the customer's eye instantly. It is used for the 'Buy Button', 'Discount Rate (%)', and core copy you want to emphasize, choosing a complementary or intense color that contrasts with the main color to induce clicks. !GeminiGeneratedImage_81tdzj81tdzj81td (1).png 4 Best Industry-Specific Color Combinations for Detail Pages Depending on the product category, the emotion customers expect is different. We propose industry-specific color combinations that increase the success rate. ① Food/Dining (Red & Orange) Characteristics: Warm colors that stimulate the appetite and give a cozy feeling. Application: Optimal for products that need to stimulate the palate, like tteokbokki, meat, and bakery items. Using dark red or orange as a point color increases the click-through rate. !SCR-20260312-psym.png ② IT/Electronics/Services (Navy & Blue) Characteristics: Cool colors that give a sense of professionalism, trust, and rationality. Application: Suitable for smartphone accessories, home appliances, or informational service products. Combining a white background (60%) with a navy main (30%) and a sky blue point (10%) looks clean. !SCR-20260312-ptgs.png ③ Beauty/Fashion/Living (Beige & Muted Tone) Characteristics: Neutral colors that give an emotional, soft, and luxurious feeling. Application: Great for cosmetics, clothing, and interior props. Set low-saturation beige or pink as the main color, and match the tone by using a calm brown or charcoal that doesn't stand out too much as the point color. !SCR-20260312-pugk.png ④ Eco-friendly/Health Foods (Green & Brown) Characteristics: Colors symbolizing nature, organic, health, and comfort. Application: Essential for salad, vegan cosmetics, and supplement detail pages. Use green, the color of nature, as the main color, and brown or deep green, the color of earth, as a point color to give trust. !SCR-20260312-ptvf.png Frequently Asked Questions (FAQ) Q1. Is it best to use pure black (#000000) for body text color? This is the most common misconception. The contrast between pure black (#000000) and a white background is too strong, making the eyes tired when reading long texts. It is much better for readability to use a slightly softer dark gray (e.g., #333333, #444444) for body text. Q2. Can I mix two or more main colors? If you are a beginner, it is recommended to unify with 1 main color. If you want to mix multiple colors, rather than adding completely different colors, maintain consistency by using a 'Tone on Tone' method where you only slightly adjust the brightness and saturation of the main color. Q3. What if it's hard to find a color combination that suits our product? Try utilizing color curation sites like 'Adobe Color' or 'Coolors'. They automatically recommend trendy color palettes, so you can find excellent combinations even without a sense of color arrangement. The Creazy team sincerely hopes that through these design tips, your business operations will be successful. However, if you find these contents difficult and wish everything could be done at once, we invite you to try our service, Creazy. It has already learned and internalized all the contents written above, and you can create a quality detail page ready to use within 3 minutes. Besides that, modifications are also incredibly simple; try Creazy right now, where you can edit just by speaking! !Service Demo.gif ⬇️ Click the photo to start using Creazy right away! Go to Creazy
How to Discover Selling Points (Hooks) That Truly Resonate with Users
Landing Page Planning: Why are sales stagnant even with a great product? A landing page is the most powerful persuasion tool to get customers to open their wallets in an online mall. Many small business owners spend a lot of money on high-performance camera photos or sophisticated designs, but often end up watching customers leave because they fail to capture the selling points that pierce the customer's heart. A selling point is not just a list of product features; it is a psychological trigger that touches the customer's deficiency and creates a reason to buy. Why Discovering Selling Points Equals Conversion Rate Online customers do not 'read' landing pages; they scan them. No matter how much text there is, the moment they judge it's not information they need, they close the tab. What catches the customer's eye at this moment is not flowery rhetoric, but an intuitive conviction that "This is the item that will solve my problem." When selling points that fit the customer's needs perfectly are placed, the customer feels a sense of urgency—'it has to be this product'—beyond mere trust in the brand. In fact, cases where sales conversion rates significantly increased compared to ad clicks just by redefining selling points from product specs to customer benefits prove this. !SCR-20260224-jstv.png Tip: When finding selling points, focus on the 'Benefit' the customer will receive, not the 'Feature' of the product. A customer buying a drill doesn't want a drill; they want a 'hole in the wall.' Common Mistakes Small Businesses Make in Selecting Selling Points Listing Features from a Supplier Mindset: Examples include "Using top-quality materials" or "Patented method." This is just bragging from the manufacturer's perspective. Customers want a kind explanation of why that is good for them*. Overuse of Abstract Words: Vague expressions like "Overwhelming quality" or "Innovative design" actually lower credibility and don't stick in the customer's memory as anyone can use them. Targeting Failure: If you try to sell to everyone, you sell to no one. Messages written without a clear target persona fail to penetrate the core customer's heart and just float around. !SCR-20260305-oxrk.png Solution: You need a reverse approach: observe the language customers actually use and extract selling points from the specific discomforts (Pain Points) they experience. 5 Ways to Discover Selling Points That Work on Users We propose 5 discovery strategies most preferred by current marketers for successful landing page planning. Competitor Review Mining: Analyze the '2-3 star' reviews of competitor products. The '2% insufficiency' that customers feel becomes your product's powerful selling point. !SCR-20260305-oypa.png The 'So What?' Questioning Method: Ask "So what?" three times after a product feature. "Lightweight laptop" → "Easy to carry" → "Workable anywhere" → "Protects work-life balance." This is how the final benefit is derived. !SCR-20260305-oyqj.png Utilize Deficiency and Fear (FOMO): Visualize the loss or inconvenience the customer will experience if they don't use the product. A message saying it prevents misfortune is sometimes a stronger motivation than promising happiness. !SCR-20260305-oysf.png CS Data Analysis: The questions customers ask most before purchasing are the hurdles preventing them from buying. Place answers to those questions as selling points at the top of the landing page to resolve anxiety. !SCR-20260305-ozdk.png Imagine the Target Persona's Day: Create specific situations (Context) where the customer needs this product from the moment they wake up until they go to sleep. !SCR-20260305-oywz.png Placement Strategies to Increase Performance 🚀 Harmony of Hooking and Proof Hooking: A phrase at the top of the landing page that draws customer empathy. Start with a question or a strong benefit, like "Are you still worried about swelling every morning?" Proof: Evidence supporting the selling point. Help customers make rational judgments through experimental data, overwhelming numbers of reviews, or official certifications. !SCR-20260305-pant.png Tip: Don't put too many selling points on one page. One main selling point and 2-3 supporting sub-points are the most memorable. Guide to Successful Selling Point Combinations ① Problem Posing & Immediate Solution Feature: Vividly describe the pain the customer experiences, then show how our product ends that pain. Application: "Were you worried about your neighbors because of floor noise?" (Problem) → "Special 8-layer structure mat completely blocks footsteps" (Solution) ② Turning Features into Benefits & Visual Evidence Feature: Go beyond simple specs to show how the customer's life changes, and prove it with before/after photos. Application: "Suction power 30,000Pa" (Feature) → "Cleans even invisible fine dust at once" (Benefit) → "Microscope photo" (Evidence) ③ Stressing Cost-effectiveness Based on Trust Feature: Emphasize that it is a rational purchase by explaining why you could lower the price while maintaining high quality (D2C, process improvement, etc.), not just because it's cheap. Frequently Asked Questions (FAQ) Q1. Our product is ordinary, so what if there are no special selling points? If the product itself is ordinary, find selling points in the 'Service' or 'Brand Story.' "The sincerity of the owner directly inspecting and writing a hand-written letter" or "Guaranteed same-day shipping for orders before 4 PM" are also excellent selling points. Q2. What if the click-through rate is low even after setting the selling points? Check if the selling point of the main thumbnail and the top copy match. Also, to find the selling point with the best response, it is good to conduct A/B testing and slightly modify the copy. Q3. How can I set the target persona most accurately? Rather than creating a fictional character, think of one actual regular customer who would love our product the most. Digging deep into why that person bought our product and what worries they had is the most reliable method. The Creazy team sincerely hopes that your landing pages become capable, 24/7 sales representatives through these planning strategies. However, if the process of discovering selling points and writing copy feels overwhelming, please try our service, Creazy. Our AI, which has already learned from tens of thousands of success data points, will suggest the perfect 'winning selling point' for your product and complete a professional-level landing page in just 3 minutes. In fact, the landing page designs used in this blog post were all created through Creazy AI. !service-demo.gif ⬇️ Click the image to start using Creazy now! Go to Creazy
New to Creazy? Creazy Tutorial (2026.02)
Creazy Tutorial Welcome! 😊 We're truly glad to have you here at Creazy. In this guide, we'll walk you through everything from creating a product detail page, editing in the studio, to using the newly added toolbar and drag-and-drop features. Follow along step by step, and anyone can easily create a product detail page! After Logging In Create New Design Here, a design refers to one product detail page. To create a product detail page, please click the Create New Design button. !SCR-20260226-kmoq.png After logging in, you'll see the dashboard screen shown above. Do you see the "Create New Design" button in the center? Click this button to start creating your product detail page right away. If you've created designs before, you can also view and edit them from this screen. !SCR-20260226-klww.png After clicking the button, you'll see the selection screen shown above. If you're starting for the first time, click the "Start from Scratch" button. You can create a completely new product detail page from the ground up. Entering Basic Project Information Product Name !SCR-20260226-kmfi.png The first step is to enter your product name. Please type the name of the product you're selling. For example, "Premium Wireless Earbuds" or "Handmade Strawberry Jam." This name will be used as the base information when the AI writes the detail page content, so it's best to enter the actual product name you'll be using for sales. Select Content Type !SCR-20260226-kmsy.png Next is the screen where you select your content type. For now, please select Product Detail Page. After selecting, click the Next button. In the future, more content types such as banners and thumbnails will be added, so stay tuned! Select Category !SCR-20260226-kmuq.png Now, please select the category that matches your product. It's important to choose the right category because: For each category, ✔ Design templates optimized for that product type ✔ Layout structures proven to work well on best-selling detail pages are pre-configured. For example, the Food category automatically applies appetite-stimulating layouts, while the Fashion category emphasizes outfit photos. Select the category closest to your product, and the AI will be able to create much better results for you. Writing the Plan This step is the core stage where you input the actual content for your detail page. You'll enter information like your product's features, benefits, usage instructions, and more—everything you want to communicate to your customers. !SCR-20260226-kmxv.png As shown above, fill in the content for each field. You can type it in yourself, or use the AI auto-write feature explained below for much greater convenience. Upload Photos !SCR-20260226-kncf.png Please upload your product photos. It's no exaggeration to say that the quality of a detail page is determined by the photos! The more photos you upload, the more diverse compositions and layouts the AI can use to design your detail page. We recommend uploading as many product photos as possible. Photos from various angles—front, side, detail shots, usage scenes—are especially helpful. Auto-fill Content with AI !SCR-20260226-knjc.png Finding it difficult to write the plan yourself? Don't worry! AI will automatically write the detail page content for you. Based on the product name, category, and uploaded photos you've provided, the AI analyzes your product's features and selling points and auto-fills the plan. After reviewing the AI-generated content, just edit the parts you're not happy with—saving you a lot of time. Save as Draft !SCR-20260226-knmd.png If you need to step away suddenly or want to continue working later, click the Save as Draft button. Your work in progress will be saved as-is, so you can pick up right where you left off when you return. Submit !SCR-20260226-knpc.png Once you've reviewed all the content in the plan, click the Submit button. When you submit, the AI will start designing based on your plan. It usually takes about 1–2 minutes, and you'll be able to see the results as soon as it's done. Detail Page Creation Complete !SCR-20260226-kpcy.png Congratulations! 🎉 Your detail page has been created! The AI has automatically completed a multi-section detail page for you. You can use it as-is, or if you'd like to fine-tune it, you can edit it in the Studio. Using the Studio Page The Studio is the editing workspace where you can freely modify your detail page. On the left, you'll find AI chat and tools; in the center, a preview of your detail page; and on the right, the detailed settings panel. !SCR-20260226-kpec.png From this screen, you can perform all editing tasks such as modifying text, replacing images, and adding/removing sections. We support both direct click-to-edit and AI chat-based editing, so use whichever method is more convenient for you. Editing via AI Chat Using the AI chat window on the left side of the Studio, you can request edits in natural language, just like talking to a designer. For example, you can do things like: Add a section: "Add a reviews section" Edit a section: "Change the background color of the first section to blue" Delete a section: "Delete the last section" Generate an image: "Create a luxurious-looking background image" AI editing is completely free from template constraints, so you can make detailed adjustments however you like. Using References When it's hard to describe what you want in words, try using reference images. !SCR-20260226-kpxr.png You can attach reference images in the chat window. Simply upload another detail page or design image that you like. !SCR-20260226-kqas.png Select your reference like this, and if you also mention which aspects to reference, you'll get even more accurate results. !SCR-20260226-kqij.png The AI analyzes the style and atmosphere of the reference and modifies the design to match that feel. This is a really useful feature when you want to reference a competitor's or a famous brand's detail page! ⭐ Adding Elements with Drag and Drop Without any coding or complex operations, you can add text or images simply by grabbing an element from the left toolbar and dropping it wherever you want. !SCR-20260210-pwrl.png Grab the Text button or Image button from the left toolbar with your mouse and drag it to the desired location. !2026-02-106.10.59-ezgif.com-video-to-gif-converter.gif As you can see in the GIF above, it's really intuitive! Just drop the element right where you want it, and it's added instantly. It's as easy as inserting shapes in PowerPoint! ⭐ Moving Elements with Drag and Drop When you want to change the position of text or images that are already placed, you can easily move them with drag and drop as well. !2026-02-106.25.18-ezgif.com-video-to-gif-converter.gif Click the element you want to move, then drag it to freely reposition it wherever you like. This is a very convenient feature for fine-tuning your layout. Duplicate / Delete Elements When you select an element, the following action menu appears. !SCR-20260226-kqoj.png From here, you can perform the following actions: Move: Reposition the element to another location Duplicate: Create an identical copy of the element (useful when you need multiple text or image elements with the same style) Delete: Remove an unwanted element Resize: Make the element larger or smaller Keyboard shortcuts are also supported for faster editing: Ctrl+C: Copy the selected element Ctrl+V: Paste the copied element !SCR-20260210-qbpg.png By dragging the corners or edges of an element, you can freely resize it like this. You can expand text areas, enlarge images, and more. !SCR-20260210-qacr.png Duplicated elements are created right next to the original and can be edited independently. When you need to repeat similar layouts, simply duplicate and change the content instead of creating everything from scratch. Editing Text To edit text, double-click on the text you want to modify. !SCR-20260226-kquo.png Double-clicking switches to text editing mode, allowing you to freely modify the content as you wish. Whether it's fixing typos, changing phrases, or adding descriptions—any edit can be made instantly. ⭐ Section Toolbar Features Each section has a section toolbar above it. Through this toolbar, you can perform various editing tasks at the section level. !SCR-20260210-qeub.png The toolbar includes features such as editing section titles, AI chat editing, reordering, duplicating, and deleting. Let's go through each one. Edit Section Title !SCR-20260210-qfkv.png !SCR-20260210-qflt.png Double-click on the section title to switch to editing mode. While section titles aren't directly displayed on the product detail page, they help you quickly identify each section when managing multiple sections. Renaming them to descriptive names like "Product Introduction," "Customer Reviews," or "Shipping Info" makes editing much more convenient. Edit via Chat !SCR-20260210-qkmz.png When you want to focus on editing a specific section, select that section and then send an edit request through AI chat. Simply type in natural requests like "Change this section's background to white," "Make the text bigger," or "Move the image to the left," and the AI will precisely edit only that section. !ezgif.com-video-to-gif-converter (3).gif As shown in the GIF above, you can see the AI modifying the design in real time based on your chat requests. Even complex changes that would be tedious to do manually can be handled with a single chat message—super convenient! Reorder Sections !SCR-20260210-qwan.png When you want to change the order of sections, use the reorder buttons (arrows) in the toolbar. Click the up/down arrows to move a section one position up or down. For example, if you want to move the Reviews section right below the Product Introduction, just click the up arrow a few times. Duplicate Section !SCR-20260210-qwvk.png If there's a section you like, click the Duplicate button to create an identical copy. The duplicated section is added right below the original. Just change the content to quickly create sections with similar layouts. For example, you can duplicate a "Color Options" section and easily create individual sections for each color. Delete Section !SCR-20260210-qvww.png Remove unnecessary sections cleanly with the Delete button. If any AI-generated sections don't fit your product, feel free to delete them and keep only the sections you need. However, please be careful as deleted sections may be difficult to recover! Hide Toolbar If you wish the editing area were a bit wider, you can hide the toolbar. !SCR-20260210-qhdz.png Click the hide toolbar button on the left side of the screen to collapse the toolbar and expand the preview area. !2026-02-106.40.15-ezgif.com-video-to-gif-converter.gif As shown in the GIF above, you can toggle the toolbar open and closed depending on the situation. Hide the toolbar when you want to see the overall finished look, and expand it again when you need to make edits. Right Panel The panel on the right side of the Studio provides section management, photo editing, AI image generation, text style editing, and other detailed editing features. Section List !SCR-20260226-kraj.png The Section List in the right panel lets you see all sections in your current detail page at a glance. Click on a specific section here to jump directly to it, making it easy to quickly navigate when you have many sections. Photo Editing If you'd like to touch up the photos on your detail page, try the Photo Editing feature. !SCR-20260226-krmp.png Select an image, and photo editing options will appear in the right panel. Here you can replace the image. !SCR-20260226-krsd.png You can adjust the display area of the image. Frame it so the key parts of your product are clearly visible. !SCR-20260226-krtx.png Using the crop tool, you can cut out only the area you want from a photo. This is useful for removing unnecessary backgrounds or showing your product larger. !SCR-20260226-krwg.png When editing is complete, click the Apply button to save your changes. You can do simple photo edits right within Creazy without needing a separate image editing program. AI Image !SCR-20260226-krxz.png When you need background images or mood images beyond your product photos, try the AI Image generation feature. Describe the image you want in text, and the AI will create a custom image for you. For example, you can request "a warm wooden table background" or "a clean white marble background." Text Style !SCR-20260226-krlf.png Select any text to fine-tune its style in the right panel. You can freely change the font, size, color, weight, alignment, and more. Style your text to match your brand's tone and manner. Export Once all your edits are complete, you can apply your detail page to your actual online store through Export. !SCR-20260226-lhrf.png Click the Export button at the top of the screen. !SCR-20260226-ksal.png Choose Export Method !SCR-20260226-ksdn.png You can choose your export method. Creazy supports two options: Image and Web Deployment (Figma). Image Export: Downloads your detail page as image files. You can directly upload and use the images on most online stores like Naver SmartStore, Coupang, etc. Web Export: Provides a deployed link. You can embed it directly in your own website or platforms like Cafe24, I'mweb, etc. !SCR-20260226-ksis.png For image export, individual images are generated for each section and downloaded. Simply upload each section image in order to your online store's detail page editor, and you're done! Web Export !SCR-20260226-kskz.png When you choose Web Export, you'll receive a deployed link. Paste this code into the HTML editor of your own website or platforms like Cafe24 or I'mweb, and the detail page will be applied as-is. !SCR-20260226-ksmr.png Unlike image export, the text is also indexed by search engines, making it advantageous for SEO. Video Tutorial If you prefer watching a video over reading, check out our video tutorial below! Creazy makes creating your product detail pages the easiest and fastest way possible. Feel free to use it anytime! 🚀