[{"data":1,"prerenderedAt":206},["ShallowReactive",2],{"navigation":3,"\u002Fblog\u002Fpyrenees":50,"\u002Fblog\u002Fpyrenees-surround":195},[4,23],{"title":5,"path":6,"stem":7,"children":8,"icon":22},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12,17],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Storefront Setup","\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-store",{"title":18,"path":19,"stem":20,"icon":21},"Share and Sell","\u002Fdocs\u002Fgetting-started\u002Fusage","1.docs\u002F1.getting-started\u002F3.usage","i-lucide-send","i-lucide-rocket",{"title":24,"icon":25,"path":26,"stem":27,"children":28,"page":49},"Essentials","i-lucide-list-checks","\u002Fdocs\u002Fessentials","1.docs\u002F2.essentials",[29,34,39,44],{"title":30,"path":31,"stem":32,"icon":33},"Products and Catalogs","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","1.docs\u002F2.essentials\u002F1.markdown-syntax","i-lucide-package",{"title":35,"path":36,"stem":37,"icon":38},"Orders and Checkout","\u002Fdocs\u002Fessentials\u002Fcode-blocks","1.docs\u002F2.essentials\u002F2.code-blocks","i-lucide-clipboard-list",{"title":40,"path":41,"stem":42,"icon":43},"Payments and Delivery","\u002Fdocs\u002Fessentials\u002Fprose-components","1.docs\u002F2.essentials\u002F3.prose-components","i-lucide-truck",{"title":45,"path":46,"stem":47,"icon":48},"Roles and Onboarding","\u002Fdocs\u002Fessentials\u002Fimages-embeds","1.docs\u002F2.essentials\u002F4.images-embeds","i-lucide-users",false,{"id":51,"title":52,"authors":53,"badge":58,"body":60,"date":184,"description":185,"extension":186,"image":187,"meta":189,"navigation":190,"path":191,"seo":192,"stem":193,"__hash__":194},"posts\u002F3.blog\u002F2.pyrenees.md","Designing a Storefront Customers Can Use From a Phone",[54],{"name":55,"avatar":56},"Uraibu Team",{"src":57},"https:\u002F\u002Fi.pravatar.cc\u002F128?u=uraibu-design",{"label":59},"Storefronts",{"type":61,"value":62,"toc":175},"minimark",[63,67,72,75,88,91,95,98,101,134,138,141,144,148,151,154,168,172],[64,65,66],"p",{},"Most Uraibu customers will arrive from a phone. They may be coming from WhatsApp, Instagram, TikTok, or a forwarded product link. The storefront has to work in that context.",[68,69,71],"h2",{"id":70},"keep-the-first-screen-useful","Keep the first screen useful",[64,73,74],{},"The first screen should make three things obvious:",[76,77,78,82,85],"ul",{},[79,80,81],"li",{},"whose store this is",[79,83,84],{},"what kind of products are sold",[79,86,87],{},"how to search or browse",[64,89,90],{},"Large decorative sections are less useful for a repeat customer who only wants to place an order quickly.",[68,92,94],{"id":93},"use-consistent-product-media","Use consistent product media",[64,96,97],{},"Choose a media aspect ratio and keep it consistent across the catalog. Square images work well for dense grids. Wider images can work for bundles, services, or campaign banners.",[64,99,100],{},"Uraibu supports practical ratios such as:",[76,102,103,109,114,119,124,129],{},[79,104,105],{},[106,107,108],"code",{},"1:1",[79,110,111],{},[106,112,113],{},"5:4",[79,115,116],{},[106,117,118],{},"4:3",[79,120,121],{},[106,122,123],{},"3:2",[79,125,126],{},[106,127,128],{},"16:9",[79,130,131],{},[106,132,133],{},"1.91:1",[68,135,137],{"id":136},"put-options-where-they-reduce-chat","Put options where they reduce chat",[64,139,140],{},"If customers always ask for size, make size an option. If they ask for pickup time, add pickup time. If they ask if delivery is available, make delivery visible before checkout.",[64,142,143],{},"The goal is not to add complexity. The goal is to collect the information the seller already asks for every day.",[68,145,147],{"id":146},"make-the-action-clear","Make the action clear",[64,149,150],{},"For products, the main action should be adding to order, not just viewing. Customers should feel like they are building a request that will become a clean WhatsApp or checkout summary.",[64,152,153],{},"Small details matter:",[76,155,156,159,162,165],{},[79,157,158],{},"use an add-to-cart icon for product actions",[79,160,161],{},"keep prices visible",[79,163,164],{},"show sold-out or preorder status",[79,166,167],{},"keep search accessible near the top",[68,169,171],{"id":170},"design-for-repeat-use","Design for repeat use",[64,173,174],{},"A good storefront is not a campaign landing page. It is a working surface customers may use every week. Keep it fast, compact, and predictable.",{"title":176,"searchDepth":177,"depth":177,"links":178},"",2,[179,180,181,182,183],{"id":70,"depth":177,"text":71},{"id":93,"depth":177,"text":94},{"id":136,"depth":177,"text":137},{"id":146,"depth":177,"text":147},{"id":170,"depth":177,"text":171},"2026-01-25","The product, layout, and media choices that make mobile storefronts easier to browse and order from.","md",{"src":188},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1556742502-ec7c0e9f34b1?auto=format&fit=crop&w=1200&q=80",{},true,"\u002Fblog\u002Fpyrenees",{"title":52,"description":185},"3.blog\u002F2.pyrenees","AAFUzHhHpTclqQrIf2z9xiuzcXC7aLEXAzL224KjAtA",[196,201],{"title":197,"path":198,"stem":199,"description":200,"children":-1},"Why WhatsApp Sellers Need Clean Orders","\u002Fblog\u002Fasian-cuisine","3.blog\u002F1.asian-cuisine","How structured storefront links reduce mistakes, repeated questions, and missed details in chat commerce.",{"title":202,"path":203,"stem":204,"description":205,"children":-1},"Local Payments for Chat Commerce","\u002Fblog\u002Fjames-webb","3.blog\u002F3.james-webb","Why flexible payment instructions matter more than forcing every seller into one checkout model.",1779496505492]